jQuery中实现动画效果的基本操作介绍


Posted in Javascript onApril 16, 2013

动画效果

show():显示

hide()隐藏

$().toggle():显示和隐藏效果切换

都可以传入参数,speed.

 

 

fadeOut(淡出)

fadeIn(淡入)

fadeToggle();淡入淡出切换

fadeTo(2000,0.3)将图片显示到透明度为30%的程度

 

滑动显示

slideDown():

slideUp():

slideToggle():

都可以传入一个speed参数。

 

$(':animated');获取正在执行动画的元素。

将正在执行动画的元素停止:

$(':animated').stop():停止当前的动画。

stop(true)表示清除队列中的所有的动画,即动画立即停止,如果不传递参数,只是立刻停止当前的动画。

$(':animated').stop(false,true)第二个参数为true表示停止当前正在执行的动画,并且将元素设置为当前动画执行结束处的位置。

Javascript 相关文章推荐
获取body标签的两种方法
Oct 13 Javascript
js实现可拖动DIV的方法
Dec 17 Javascript
html5 canvas js(数字时钟)实例代码
Dec 23 Javascript
基于Javascript实现倒计时功能
Feb 22 Javascript
简单分析javascript中的函数
Sep 10 Javascript
微信小程序 教程之模板
Oct 18 Javascript
JavaScript 函数的定义-调用、注意事项
Apr 16 Javascript
详解React中传入组件的props改变时更新组件的几种实现方法
Sep 13 Javascript
Vue 引入AMap高德地图的实现代码
Apr 29 Javascript
three.js 如何制作魔方
Jul 31 Javascript
jQuery zTree如何改变指定节点文本样式
Oct 16 jQuery
angular *Ngif else用法详解
Dec 15 Javascript
基于jQuery中对数组进行操作的方法
Apr 16 #Javascript
js中 关于undefined和null的区别介绍
Apr 16 #Javascript
简略说明Javascript中的= =(等于)与= = =(全等于)区别
Apr 16 #Javascript
用js实现trim()的解决办法
Apr 16 #Javascript
Javascript中 关于prototype属性实现继承的原理图
Apr 16 #Javascript
jquery时间下拉框小例子
Apr 15 #Javascript
用js调用迅雷下载代码的二种方法
Apr 15 #Javascript
You might like
php使用百度ping服务代码实例
2014/06/19 PHP
PHP缓存集成库phpFastCache用法
2014/12/15 PHP
PHP PDO数据库操作预处理与注意事项
2019/03/16 PHP
基于jquery的cookie的用法
2011/01/10 Javascript
window.opener用法和用途实例介绍
2013/08/19 Javascript
addEventListener()第三个参数useCapture (Boolean)详细解析
2013/11/07 Javascript
JS实现侧悬浮浮动实例代码
2013/11/29 Javascript
再谈Jquery Ajax方法传递到action(补充)
2014/05/12 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
2014/07/17 Javascript
JS实现带有3D立体感的银灰色竖排折叠菜单代码
2015/10/20 Javascript
学习掌握JavaScript中this的使用技巧
2016/08/29 Javascript
基于jQuery ligerUI实现分页样式
2016/09/18 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
2017/01/13 Javascript
基于Bootstrap漂亮简洁的CSS3价格表(附源码下载)
2017/02/28 Javascript
BootStrap daterangepicker 双日历控件
2017/06/02 Javascript
动态Axios的配置步骤详解
2018/01/12 Javascript
小程序如何在不同设备上自适应生成海报的实现方法
2019/08/20 Javascript
在Layui 的表格模板中,实现layer父页面和子页面传值交互的方法
2019/09/10 Javascript
three.js 如何制作魔方
2020/07/31 Javascript
使用python实现rsa算法代码
2016/02/17 Python
python获取外网IP并发邮件的实现方法
2017/10/01 Python
解决pyttsx3无法封装的问题
2018/12/24 Python
python使用PIL和matplotlib获取图片像素点并合并解析
2019/09/10 Python
pycharm部署、配置anaconda环境的教程
2020/03/24 Python
如何在mac版pycharm选择python版本
2020/07/21 Python
Python Selenium自动化获取页面信息的方法
2020/08/31 Python
台湾网友喜爱的综合型网路购物商城:Yahoo! 奇摩购物中心
2018/03/10 全球购物
如何定义一个可复用的服务
2014/09/30 面试题
商场总经理岗位职责
2014/02/03 职场文书
2014预备党员批评与自我批评思想汇报
2014/09/20 职场文书
横店影视城导游词
2015/02/06 职场文书
银行岗位培训心得体会
2016/01/09 职场文书
创业计划书之家教中心
2019/09/25 职场文书
Oracle以逗号分隔的字符串拆分为多行数据实例详解
2021/07/16 Oracle
Nginx防盗链与服务优化配置的全过程
2022/01/18 Servers
电脑开机弹出documents文件夹怎么回事?弹出documents文件夹解决方法
2022/04/08 数码科技