jQuery 停止动画
http://www.runoob.com/jquery/jquery-stop.html
jQuery 停止动画
jQuery stop() 方法用于在动画或效果完成前对它们进行停止。
实例
jQuery stop() 滑动
演示 jQuery stop() 方法。
<!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(){$("#start").click(function(){$("div").animate({left:'100px'},5000);$("div").animate({fontSize:'3em'},5000);});$("#stop").click(function(){$("div").stop();});$("#stop2").click(function(){$("div").stop(true);});$("#stop3").click(function(){$("div").stop(true,true);});}); </script> </head> <body><button id="start">开始</button> <button id="stop">停止</button> <button id="stop2">停止所有</button> <button id="stop3">停止动画,但完成动作</button> <p>点击 "开始" 按钮开始动画。</p> <p>点击 "停止" 按钮停止当前激活的动画,但之后我们能再动画队列中再次激活。</p> <p>点击 "停止所有" 按钮停止当前动画,并清除动画队列,所以元素的所有动画都会停止。</p> <p>点击 "停止动画,但完成动作" 快速完成动作,并停止它。</p> <div style="background:#98bf21;height:100px;width:200px;position:absolute;">HELLO</div></body> </html>
jQuery stop() 动画(带参数)
演示 jQuery stop() 方法
jQuery stop() 方法
jQuery stop() 方法用于停止动画或效果,在它们完成之前。
stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。
语法:
可选的 stopAll 参数规定是否应该清除动画队列。默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行。
可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。
因此,默认地,stop() 会清除在被选元素上指定的当前动画。
下面的例子演示 stop() 方法,不带参数:
实例
$("#stop").click(function(){$("#panel").stop(); });
尝试一下 »
转载于:https://www.cnblogs.com/YUJIE666/p/10339877.html
jQuery 停止动画相关推荐
- jquery 停止动画_jQuery停止动画
jquery 停止动画 We can use jQuery stop() function to stop the currently running animation on the matched ...
- jQuery动画(jQuery预制动画,jQuery自定义动画,jQuery停止动画和延迟动画)
目录 jQuery预制动画 显示隐藏动画 上拉下拉动画(高度动画) 淡入淡出动画(透明度动画) jQuery自定义动画 jQuery停止动画和延迟动画等 jQuery预制动画 jquery的预制动画 ...
- 转载:jQuery停止动画——stop()方法的使用
jQuery停止动画--stop()方法的使用 转载地址 很多时候需要停止匹配元素正在进行的动画,比如,当鼠标选入元素时显示菜单,鼠标离开时隐藏下拉菜单,如果鼠标移入移出过快的话就会导致动画效果与鼠标 ...
- jQuery停止动画
stop() 停止动画或效果,在它们完成之前 适用于所有jQuery效果函数,包括滑动.淡入淡出和自定义动画 $("#stop").click(function(){$(" ...
- jQuery停止动画效果
stop() 方法用于停止动画或效果,在它们完成之前. stop() 方法适用于所有 jQuery 效果函数,包括滑动.淡入淡出和自定义动画. 语法: 参数: stopAll:可选,规定是否应该清除动 ...
- jquery停止动画排队stop
stop方法必须写在动画和效果前面 如以下案例书写方式一样:
- 007_停止动画或效果
1. jQuery stop()方法 1.1. jQuery stop()方法用于在动画或效果完成前对它们进行停止. 1.2. stop()方法适用于所有jQuery效果函数, 包括隐藏显示.淡入淡出 ...
- jQuery学习笔记系列(一)——入口函数,jQuery对象和DOM对象,jQuery选择器、样式操作、效果(显示隐藏、滑入滑出、淡入淡出、自定义动画、停止动画队列)
day01 - jQuery 学习目标: 能够说出什么是 jQuery 能够说出 jQuery 的优点 能够简单使用 jQuery 能够说出 DOM 对象和 jQuery 对象的区别 能够写出常用的 ...
- html 放上去动画停止,使用jQuery的animate()+CSS样式实现动画效果及stop()停止动画
01第1节:jQuery动画概述 #JavaScript#在jQuery中,除了可以淡入淡出.滑动效果之外,还可以使用animate()方法创建自定义的动画效果. 对于自定义的动画函数animate( ...
最新文章
- 学校SOLARIS ORACLE很好的电子教材
- ML之监督学习算法之分类算法一 ———— k-近邻算法(最邻近算法)
- java 滚动条 滚动_广告条随滚动条的移动而移动
- 11纯代码 oc xcode_iOS代码染色原理及技术实践
- php按照二维数组某个字段排序,PHP 二维数组根据某个字段排序
- 从MAC缓存表中我们看到的问题
- 初识OpenFlow协议
- zabbix数据库分表的实现
- python 闭包,装饰器,random,os,sys,shutil,shelve,ConfigParser,hashlib模块
- C语言程序设计第五版谭浩强课后答案 第三章习题答案
- GPIO推挽输出和开漏输出模式区别详解
- 基于双目摄像头测量距离
- 【cpu如何超频及cpu超频作用】
- The BTest labyrinth
- 已取消到该网页的导航
- android自动调节亮度是怎么实现的,Android亮度调节的几种实现方法
- Python——爬取单章小说内容
- 性能测试工程师职业现状分析
- Linux系统编程:树莓派 ds18b20温度获取(文件IO相关操作)
- 你的分布式应用真的需要那么多同步调用么?-转自阿里中间件
热门文章
- python识别银行卡数字_Python银行卡数字识别项目 (Opencv)
- rosdep init 和rosdep update的解决方法,亲测有效
- python最好的五个库_5 个Python 库,照亮你的机器学习之路
- android4.0教程,图文教程现身,在Win7等系统里跑起Android4.0
- php mysql 读取数据_PHP MySQL 读取数据
- python wlsxwriter_python xlsxwriter模块的使用
- 函数头模板_Python新手爬虫,爬取PPT模板
- python垃圾回收离职_详细解说python垃圾回收机制
- gvim 命令行粘贴_vim-如何在光标所在的行中粘贴?
- 对讲机怎么用_对讲机防水透气解决方案是怎么做的?