jquery悬停鼠标

前端之家收集整理的这篇文章主要介绍了jquery悬停鼠标前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想要一个简单的向下/向上动画鼠标上的链接。我可以让鼠标工作,但我不能解决如何得到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");
   }
);

猜你在找的jQuery相关文章