您的当前位置：首页 jQuery实现菜单感应鼠标滑动动画效果的方法_jquery

jQuery实现菜单感应鼠标滑动动画效果的方法_jquery

来源：岑放科技

本文实例讲述了jQuery实现菜单感应鼠标滑动动画效果的方法。分享给大家供大家参考。具体分析如下：

此代码测试环境为IE9 以及GG、FF浏览器，IE8及以下浏览器可能不支持，希望理解。

这款JS鼠标滑动效果使用jQuery实现简单动画的方法，而且也惊喜的发现，jquery有更好的书写方法，可以连写，在animate方法前加上stop方法就可实现鼠标移出后，不再执行滑动效果。

代码如下:

非常不错的jQuery鼠标滑动效果

第一项

第二项

第三项

$(document).ready(function(){
$('.all ul li').mouseover(function(){
$(this).animate({"height":"70px","line-height":"70px"},100)
}).mouseleave(function(){
$(this).stop().animate({"height":"40px","line-height":"40px"},100)
});
})

希望本文所述对大家的jQuery程序设计有所帮助。

违法及侵权请联系：TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务