jquery中animate的stop()方法作用实例分析
本文实例分析了jquery中animate的stop()方法作用。分享给大家供大家参考。具体分析如下：
这里以一个视频中的代码段告诉你stop()的作用：
代码如下：
<style type="text/css"> ul li{ width:50px; height:30px; background:#333; margin-bottom:10px; color:#fff;} </style> <ul id="flyul"> <li>wod a </li> <li>wod a </li> <li>wod a </li> <li>wod a </li> <li>wod a </li> </ul> <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $('#flyul li').mouseenter(function(){ $(this).stop().animate({ //将此处改为$(this).animate({对比一下不带stop的运行效果 width:'300px' },1000); }); $('#flyul li').mouseleave(function(){ $(this).stop().animate({ //将此处改为$(this).animate({对比一下不带stop的运行效果 width:'50px' },1000); }); </script>
希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍jQuery stop()用法实例详解，包括了jQuery stop()用法实例详解的使用技巧和注意事项，需要的朋友参考一下 近期查看前辈的代码，发现在使用animate()的时候前面需要加上stop()，来防止移进移出的闪动问题，但却不知道stop()里面参数的真正意思，今天查了下stop()中参数的意义和具体使用方法，分享给大家。 stop(true)等价于stop(true
-
本文向大家介绍JQuery中Text方法用法实例分析，包括了JQuery中Text方法用法实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JQuery中Text方法用法。分享给大家供大家参考。具体如下： 希望本文所述对大家的jQuery程序设计有所帮助。
-
本文向大家介绍jQuery使用animate创建动画用法实例，包括了jQuery使用animate创建动画用法实例的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery使用animate创建动画用法。分享给大家供大家参考。具体如下： animate的用法： animate( Hash params, String|NumberJavascript 字符串或数字值 speed, Str
-
本文向大家介绍理解jQuery stop()方法，包括了理解jQuery stop()方法的使用技巧和注意事项，需要的朋友参考一下 作为前端开发人员，JS和JQuery是我们经常用到的开发语言和工具类库。我们都晓得，在jQuery中有一个很强大的方法——stop(),他是阻止在连续动画或事件中出现重复累积状况的方法。那么，stop()怎么用呢？来带大家先认识一下stop()吧： stop()在语法
-
本文向大家介绍jQuery中的siblings用法实例分析，包括了jQuery中的siblings用法实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery中的siblings用法。分享给大家供大家参考，具体如下： 所谓siblings，英文翻译就是兄弟节点。那么故名思意，就是拿到某元素的兄弟节点(不包括自己)。 我们还知道， 在本例中可以写成 默认拿和它自己相同的兄弟元素。
-
本文向大家介绍JQuery中extend的用法实例分析，包括了JQuery中extend的用法实例分析的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了JQuery中extend的用法。分享给大家供大家参考。具体分析如下： extend()函数是jQuery的基础函数之一，作用是扩展现有的对象。extend是我们在写插件的过程中常用的方法，该方法有一些重载原型。$.extend(prop)