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 相关文章推荐
ECMAScript 基础知识
Jun 29 Javascript
javascript showModalDialog,open取得父窗口的方法
Mar 10 Javascript
JavaScript arguments 多参传值函数
Oct 24 Javascript
利用jQuery接受和处理xml数据的代码(.net)
Mar 28 Javascript
30个最好的jQuery 灯箱插件分享
Apr 25 Javascript
js动态给table添加/删除tr的方法
Aug 02 Javascript
30分钟快速掌握Bootstrap框架
May 24 Javascript
axios基本入门用法教程
Mar 25 Javascript
jquery实现放大镜简洁代码(推荐)
Jun 08 jQuery
Angular.js中下拉框实现渲染html的方法
Jun 18 Javascript
js类的继承定义与用法分析
Jun 21 Javascript
如何利用JavaScript编写一个格斗小游戏
Jan 06 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
一个查看session内容的函数
2006/10/09 PHP
php利用header函数实现文件下载时直接提示保存
2009/11/12 PHP
php生成略缩图代码
2012/07/16 PHP
解决PHP4.0 和 PHP5.0类构造函数的兼容问题
2013/08/01 PHP
JavaScript中的null和undefined解析
2012/04/14 Javascript
修改js Calendar日历控件 兼容IE9/谷歌/火狐
2013/01/04 Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
2015/01/19 Javascript
JS实现网页顶部向下滑出的全国城市切换导航效果
2015/08/22 Javascript
jquery实现的伪分页效果代码
2015/10/29 Javascript
JavaScript的==运算详解
2016/07/20 Javascript
NodeJs的优势和适合开发的程序
2016/08/14 NodeJs
vue封装一个简单的div框选时间的组件的方法
2019/01/06 Javascript
VUEX-action可以修改state吗
2019/11/19 Javascript
vue excel上传预览和table内容下载到excel文件中
2019/12/10 Javascript
如何在postman测试用例中实现断言过程解析
2020/07/09 Javascript
python二叉树遍历的实现方法
2013/11/21 Python
Python将xml和xsl转换为html的方法
2015/03/10 Python
python读取文件名称生成list的方法
2018/04/27 Python
Python实现Event回调机制的方法
2019/02/13 Python
推荐值得学习的12款python-web开发框架
2020/08/10 Python
降低python版本的操作方法
2020/09/11 Python
详解css3中dispaly的Grid布局与Flex布局
2020/09/11 HTML / CSS
美国知名奢侈美容品牌零售商:Cos Bar
2017/04/21 全球购物
Aosom西班牙:家具在线商店
2020/06/11 全球购物
英文商务邀请信
2014/01/22 职场文书
公司寄语大全
2014/04/10 职场文书
大学开学计划书
2014/04/30 职场文书
个人担保书范文
2014/05/20 职场文书
增员口号大全
2014/06/18 职场文书
四风问题个人自查剖析材料思想汇报
2014/09/21 职场文书
大学生操行评语大全
2014/12/31 职场文书
酒吧七夕情人节宣传语
2015/11/24 职场文书
《7的乘法口诀》教学反思
2016/02/18 职场文书
《酸的和甜的》教学反思
2016/02/18 职场文书
Python WSGI 规范简介
2021/04/11 Python
Css预编语言及区别详解
2021/04/25 HTML / CSS