Question

如果鼠标悬停，是否可以摇动表格行？如果是这样怎么样？ =）

我之前在调用div时已经完成了，但我还没有使用鼠标功能，任何帮助赞赏

谢谢=）

Answer 1

我尝试了一些答案 - 你需要jQuery和jQuery UI才能使用效果。有一个div它工作。在表中有一行有一些奇怪的非摇动行为。只用一个TD就可以做出别的奇怪了。您可以通过将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>

我会把我的实验意味着你不能动摇。

Answer 2

你可以尝试：

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

修改如果我是你，我会尽量避免将奇特的动画应用于表格元素......这可能在IE6上表现得很狡猾，特别是尝试使用div来做。除了为什么你要撼动一阵呢？ ; - ）

Answer 3

Wohoo！你走了：

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

直接来自UI插件的文档：

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

jquery在鼠标上摇晃？

3 个答案: