jquery中animate的stop()方法作用实例分析


Posted in Javascript onJanuary 30, 2015

本文实例分析了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程序设计有所帮助。

Javascript 相关文章推荐
js 提交和设置表单的值
Dec 19 Javascript
js 使FORM表单的所有元素不可编辑的示例代码
Oct 17 Javascript
教你如何使用node.js制作代理服务器
Nov 26 Javascript
15位和18位身份证JS校验的简单实例
Jul 18 Javascript
JS实现的数字格式化功能示例
Feb 10 Javascript
JS判断一个数是否是水仙花数
Jun 11 Javascript
详解vue渲染从后台获取的json数据
Jul 06 Javascript
vue2.x 父组件监听子组件事件并传回信息的方法
Jul 17 Javascript
推荐15个最好用的JavaScript代码压缩工具
Feb 13 Javascript
JS中数据结构与算法---排序算法(Sort Algorithm)实例详解
Jun 17 Javascript
原生js实现日期选择插件
May 21 Javascript
Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求
Sep 01 Javascript
javascript中sort()的用法实例分析
Jan 30 #Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
Jan 30 #Javascript
javascript结合fileReader 实现上传图片
Jan 30 #Javascript
使用JavaScript+canvas实现图片裁剪
Jan 30 #Javascript
js判断手机和pc端选择不同执行事件的方法
Jan 30 #Javascript
项目中常用的JS方法整理
Jan 30 #Javascript
jQuery实现带滚动线条导航效果的方法
Jan 30 #Javascript
You might like
PHPUnit PHP测试框架安装方法
2011/03/23 PHP
thinkPHP模型初始化实例分析
2015/12/03 PHP
php读取和保存base64编码的图片内容
2017/04/22 PHP
快速解决jQuery与其他库冲突的方法介绍
2014/01/02 Javascript
超简单JS二级、多级联动的简单实例
2014/02/18 Javascript
10条建议帮助你创建更好的jQuery插件
2015/05/18 Javascript
JS学习之表格的排序简单实例
2016/05/16 Javascript
jQuery layui常用方法介绍
2016/07/25 Javascript
JS原型与原型链的深入理解
2017/02/15 Javascript
webpack实现热更新(实施同步刷新)
2017/07/28 Javascript
微信小程序button组件使用详解
2018/01/31 Javascript
详解vue+axios给开发环境和生产环境配置不同的接口地址
2019/08/16 Javascript
react-intl实现React国际化多语言的方法
2020/09/27 Javascript
[47:45]DOTA2-DPC中国联赛 正赛 Phoenix vs Dragon BO3 第一场 2月26日
2021/03/11 DOTA
python实现的重启关机程序实例
2014/08/21 Python
解读Python编程中的命名空间与作用域
2015/10/16 Python
python 如何快速找出两个电子表中数据的差异
2017/05/26 Python
python构建深度神经网络(续)
2018/03/10 Python
Python面向对象之类和对象实例详解
2018/12/10 Python
PyQt4实时显示文本内容GUI的示例
2019/06/14 Python
Python自动创建Excel并获取内容
2020/09/16 Python
Lookfantastic日本官网:英国知名护肤、化妆品和头发护理购物网站
2018/04/21 全球购物
英国最大的正宗复古足球衫制造商和零售商:TOFFS
2018/06/21 全球购物
size?荷兰官方网站:英国高级运动鞋精品店
2020/07/24 全球购物
莫斯科珠宝厂官方网站:Miuz
2020/09/19 全球购物
拾金不昧表扬信范文
2014/01/11 职场文书
珍珠鸟教学反思
2014/02/01 职场文书
师德个人剖析材料
2014/02/02 职场文书
专科生就业求职信
2014/06/22 职场文书
销售助理岗位职责
2015/02/11 职场文书
2015年公务员试用期工作总结
2015/05/28 职场文书
2015高中教师个人工作总结
2015/07/21 职场文书
优秀志愿者感言
2015/08/01 职场文书
pycharm debug 断点调试心得分享
2021/04/16 Python
Java中常用解析工具jackson及fastjson的使用
2021/06/28 Java/Android
动画「进击的巨人」第86话播出感谢绘公开
2022/03/21 日漫