JQuery встряхнуть при наведении мыши? - PullRequest
Новая
       7

JQuery встряхнуть при наведении мыши?

2 голосов
/ 19 ноября 2009

можно ли потрясти строку таблицы, если навести курсор мыши? и если да, то как? =) * * Тысяча одна

Я делал это раньше при вызове div, но пока не использую функцию наведения мыши, любая помощь приветствуется

Спасибо =)

Ответы [ 3 ]

4 голосов
/ 19 ноября 2009

Я попробовал некоторые ответы - вам нужен jQuery и jQuery UI, чтобы использовать эффект. С div это сработало. Со строкой в ​​таблице есть некоторые странные не тряски поведения. С одним TD это сделало что-то еще странное. Вы можете потрясти содержимое TD, поместив его в промежуток. Я включил этот код ниже: 

<html>
<script type="text/javascript" src="jquery-1.3.2.js" ></script>
<script type="text/javascript" src="jquery-ui-1.7.2.custom.js" ></script>
<body>
<center>
<table border=1>
    <tr><td> a </td> <td> b </td> </tr>
    <tr><td> a1 </td> <td> b </td> </tr>
    <tr><td><span class=myClass> a2 </span></td> <td> b </td> </tr>
    <tr><td> a3 </td> <td> b </td> </tr>
</table>
</center>
<script>

$(function(){
   $(".myClass").hover(function() {
         $(this).effect("shake", { times:3 }, 100);
   });
});

</script>
</body>
</html>

Я бы взял, что мои эксперименты означают, что вы не можете встряхнуть ряд.

2 голосов
/ 19 ноября 2009

Вы можете попробовать: 

$(function(){
   $(".myClass").hover(function() {
         $(this).effect("shake", { times:3 }, 100);
   });
});

Edit: И если бы я был тобой, я бы старался избегать применения причудливой анимации к элементам таблицы ... это может показаться странным на IE6, в частности, попробуй сделать это с помощью divs. Кроме того, какого черта ты хочешь потрясти ряд? ; -)

1 голос
/ 19 ноября 2009

Wohoo! Вот и я: 

$("div").mouseover(function () {
      $(this).effect("shake", { times:3 }, 300);
});

Прямо из документов для плагина пользовательского интерфейса:

http://docs.jquery.com/UI/Effects/Shake

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...