jquery中animate的stop()方法作用实例分析
2015-01-30 00:00
726 查看
本文实例分析了jquery中animate的stop()方法作用。分享给大家供大家参考。具体分析如下:
这里以一个视频中的代码段告诉你stop()的作用:
代码如下:
希望本文所述对大家的jQuery程序设计有所帮助。
这里以一个视频中的代码段告诉你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中animate的stop()方法作用实例分析
- JQuery动画animate的stop方法使用详解
- jquery中filter方法用法实例分析
- jQuery源码分析之实例find和filter方法的区别七问
- jQuery加载及解析XML文件的方法实例分析
- jQuery操作基本控件方法实例分析
- 一个视频告诉你jquery中的animate的stop()的作用
- jquery序列化方法实例分析
- jquery中ajax跨域方法实例分析
- 动态加载jQuery的两种方法实例分析
- jQuery操作基本控件方法实例分析
- jQuery中DOM树操作之使用反向插入方法实例分析
- JQuery中Text方法用法实例分析
- jQuery解析XML与传统JavaScript方法的差别实例分析
- jquery中ajax跨域方法实例分析
- Jquery ajaxStart()与ajaxStop()方法(实例讲解)
- jQuery中animate用法实例分析
- jQuery中animate用法实例分析
- jQuery动画效果相关方法实例分析
- jQuery源码分析9--静态与实例方法共享设计