jquery中animate的stop()方法作用实例分析
更新时间：2015年01月30日 09:52:37 投稿：shichen2014
这篇文章主要介绍了jquery中animate的stop()方法作用,实例分析了animate的stop()方法在视频播放代码中的使用技巧,感兴趣的朋友可以对比分析一下带stop方法与不带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实现无限分级横向导航菜单的方法,实例分析了基于jQuery插件操作html与对应样式实现导航菜单效果的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
下面小编就为大家带来一篇浅谈jQuery双事件多重加载的问题。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
JQuery调webservice实现邮箱验证(检测是否可用)
JQuery调webservice实现邮箱验证:判断邮箱是否存在如果不存在提示可以使用否从提示该邮箱已存在请重新输入，感兴趣的朋友可以参下哈，希望对你有所帮助2013-05-05
这篇文章主要介绍了基于jQuery的项目常见函数封装集合,总结分析 jQuery常见功能的函数封装,便于在项目开发中直接使用,需要的朋友可以参考下2016-06-06
这篇文章主要介绍了jQuery操作json常用方法,结合实例形式分析了jQuery针对json的获取、创建等常见操作技巧,需要的朋友可以参考下2017-01-01
首先废话一句，jQuery选择器真心很强大！接下来详细介绍jQuery 选择器项目实例实现方式2012-12-12
这篇文章主要介绍了一款非常酷炫的jQuery全屏3D焦点图动画效果其特点是整个焦点图基本是全屏显示的，非常大气，感兴趣的小伙伴们可以参考一下2016-03-03
用jquery制作一个简单的导航栏，使用到了addClass及removeClass等方法，需要的朋友可以参考下2014-06-06
使用jquery模拟a标签的click事件无法实现跳转的解决
这篇文章主要给大家介绍了关于使用jquery模拟a标签的click事件无法实现跳转的解决方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-12-12
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
下面小编就为大家带来一篇jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
最新评论