jQuery动画之停止动画

语法格式：

$(selector).stop(true, false);
第一个参数:
+ ture: 后续动画不执行

false：后续动画会执行

第二个参数：

true: 立即执行完成当前动画

false: 立即停止当前动画

如果两个参数都不写，默认两个都是false。
实际工作中，直接写stop()用的多。

案例：鼠标悬停时，弹出下拉菜单(下拉时带动画)

<!DOCTYPE html>
<html>
<head><title>停止动画 Demo</title><style type="text/css">*{margin: 0;padding: 0;}ul{list-style: none;}.wrap{width: 330px;height: 30px;margin: 100px auto 0;padding-left: 10px;background-color: pink;display: block;}.wrap li{background-color: green;}.wrap>ul>li{float: left;margin-right: 10px;position: relative;}.wrap a{display: block;height: 30px;width: 100px;text-decoration: none;color: #000；line-height:30px;text-align: center;}.wrap li ul{position: absolute;top: 30px;display: none;}</style><script type="text/javascript" src="jquery.js"></script><script type="text/javascript">$(function () {var jQuery_li = $(".wrap>ul>li");//绑定事件jQuery_li.mouseenter(function(event) {$(this).children('ul').stop().slideDown(1000);});jQuery_li.mouseleave(function(event) {$(this).children('ul').stop().slideUp(1000);});})</script>
</head>
<body><div class="wrap"><ul><li><a href="javascript:void(0)">一级菜单1</a><ul><li><a href="javascript:void(0)">二级菜单2</a></li><li><a href="javascript:void(0)">二级菜单3</a></li><li><a href="javascript:void(0)">二级菜单4</a></li></ul></li><li><a href="javascript:void(0)">二级菜单1</a><ul><li><a href="javascript:void(0)">二级菜单2</a></li><li><a href="javascript:void(0)">二级菜单3</a></li><li><a href="javascript:void(0)">二级菜单4</a></li></ul></li><li><a href="javascript:void(0)">三级菜单1</a><ul><li><a href="javascript:void(0)">三级菜单2</a></li><li><a href="javascript:void(0)">三级菜单3</a></li><li><a href="javascript:void(0)">三级菜单4</a></li></ul></li></ul></div>
</body>
</html>

转载于:https://www.cnblogs.com/yang-wei/p/9525754.html

jQuery动画之停止动画相关推荐

jQuery学习笔记系列（一）——入口函数，jQuery对象和DOM对象，jQuery选择器、样式操作、效果（显示隐藏、滑入滑出、淡入淡出、自定义动画、停止动画队列）
day01 - jQuery 学习目标: 能够说出什么是 jQuery 能够说出 jQuery 的优点能够简单使用 jQuery 能够说出 DOM 对象和 jQuery 对象的区别能够写出常用的 ...
jQuery 开始动画，停止动画
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
jquery 停止动画_jQuery停止动画
jquery 停止动画 We can use jQuery stop() function to stop the currently running animation on the matched ...
jQuery 来了--动画，停止动画，回调函数Callback，链
动画 animate()方法作用:用于创建自定义动画语法:$("selector").animate({params},speed,callback); 参数 params:必 ...
【jQuery动画】停止动画、淡入淡出、自定义动画
007_停止动画或效果
1. jQuery stop()方法 1.1. jQuery stop()方法用于在动画或效果完成前对它们进行停止. 1.2. stop()方法适用于所有jQuery效果函数, 包括隐藏显示.淡入淡出 ...
jQuery停止动画
stop() 停止动画或效果,在它们完成之前适用于所有jQuery效果函数,包括滑动.淡入淡出和自定义动画 $("#stop").click(function(){$(" ...
html 放上去动画停止,使用jQuery的animate()+CSS样式实现动画效果及stop()停止动画
01第1节:jQuery动画概述 #JavaScript#在jQuery中,除了可以淡入淡出.滑动效果之外,还可以使用animate()方法创建自定义的动画效果. 对于自定义的动画函数animate( ...
jQuery 停止动画
http://www.runoob.com/jquery/jquery-stop.html jQuery 停止动画 jQuery stop() 方法用于在动画或效果完成前对它们进行停止. 实例 jQu ...
jQuery停止动画效果
stop() 方法用于停止动画或效果,在它们完成之前. stop() 方法适用于所有 jQuery 效果函数,包括滑动.淡入淡出和自定义动画. 语法: 参数: stopAll:可选,规定是否应该清除动 ...

jQuery动画之停止动画

语法格式：

案例：鼠标悬停时，弹出下拉菜单(下拉时带动画)

jQuery动画之停止动画相关推荐

最新文章

热门文章

jQuery动画之停止动画

语法格式：

案例：鼠标悬停时， 弹出下拉菜单(下拉时带动画)

jQuery动画之停止动画相关推荐

最新文章

热门文章

案例：鼠标悬停时，弹出下拉菜单(下拉时带动画)