我想要一个简单的向下/向上动画鼠标上的链接。我可以让鼠标工作,但我不能解决如何得到mouSEOut做做的事情。
这里是我对悬停效果:
<script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("jquery","1.3.2"); //load version 1.3.2 of jQuery google.setOnLoadCallback(function() { jQuery( function($) { $("a.button").hover(function(){$(this).animate({"marginTop": "0px"},"fast") }); }); }); </script>
当鼠标出来时,我如何得到这个将边距向上移动16px?
解决方法
jQuery中的悬停事件需要两个回调函数:一个是当指针移过项目时,一个是当它离开时:
$(item).hover(function() { ... },function() { ... });
在你的情况下:
$("a.button").hover( function() { $(this).animate({"marginTop": "0px"},"fast"); },function() { $(this).animate({"marginTop": "16px"},"fast"); } );