как добавить эффект увеличения для просмотра деталей таблицы

Question

как добавить эффект увеличения для просмотра деталей таблицы

0

У меня есть таблица и она содержит динамические данные, теперь я хочу добавить эффект масштабирования для просмотра каждой детали ячеек таблицы (текста). как я могу сделать это возможным

<table>
<tr>
<th>head1</th>
<th>head2</th>
<th>head3</th>
<th>head4</th>
</tr>
<td>details1</td>
<td>details1</td>
<td>details1</td>
<td>details1</td>
<tr>
</tr>
<tr>
<td>details2</td>
<td>details2</td>
<td>details2</td>
<td>details2</td>
</tr>
<tr>
<td>details3</td>
<td>details3</td>
<td>details3</td>
<td>details3</td>
</tr>

Amit 20 март 2014, в 06:30

Источник

Теги:

jquery

html

css

1 ответ

Ещё вопросы

Amit · Accepted Answer · 2014-03-20T03-05-00.000Z

Вы можете использовать эффект перехода, если хотите достичь его, используя только css.

Пример:

table td:hover{
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

Если вы хотите использовать jquery, вы можете использовать любое свойство jquery ui, такое как easin, easout и т.д. И т.д.

Этот метод хорош. но без использования эффекта парения. нужен другой метод
как метод эффекта увеличения изображения
Проверьте это и используйте любой из них. Webdesignrazzi.com/2014/jquery-zoom-effect-plugins