小白教程
所有教程
关于
Search
172.70.126.168
172.70.126.168
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“JQuery 效果 – 停止动画”的源代码
本页内容
上一节:
JQuery_效果_–_动画
下一节:
JQuery_Callback_方法
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:jQuery 停止动画}}[[Category:jQuery 教程|11]] = jQuery 停止动画 = jQuery stop() 方法用于在动画或效果完成前对它们进行停止。 停止滑动 点击这里,向上/向下滑动面板 时间是宝贵的,因此,我们为您提供快捷易懂的学习内容。 在这里,您可以通过一种易懂的便利的模式获得您需要的任何知识。 [[try.php?filename=tryjquery_stop_slide|jQuery stop() 滑动]] 演示 jQuery stop() 方法。 [[try.php?filename=tryjquery_stop_params|jQuery stop() 动画(带参数)]] 演示 jQuery stop() 方法 == jQuery stop() 方法 == jQuery stop() 方法用于停止动画或效果,在它们完成之前。 stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。 '''语法:''' $(selector).stop(stopAll,goToEnd); 可选的 stopAll 参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行。 可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。 因此,默认地,stop() 会清除在被选元素上指定的当前动画。 下面的例子演示 stop() 方法,不带参数: <sample title="" desc="" lang="html" hererun="1"> $("#stop").click(function(){ $("#panel").stop(); }); </sample> <run name=""> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#flip").click(function(){ $("#panel").slideDown(5000); }); $("#stop").click(function(){ $("#panel").stop(); }); }); </script> <style type="text/css"> #panel,#flip { padding:5px; text-align:center; background-color:#e5eecc; border:solid 1px #c3c3c3; } #panel { padding:50px; display:none; } </style> </head> <body> <button id="stop">停止滑动</button> <div id="flip">点我向下滑动面板</div> <div id="panel">Hello world!</div> </body> </html> </run>
返回至“
JQuery 效果 – 停止动画
”。
上一节:
JQuery_效果_–_动画
下一节:
JQuery_Callback_方法