Jquery动画2.0

1、show()

show() 显示隐藏的匹配元素

如果这个元素是可见的，这个方法不会改变任何东西，无论这个元素是通过hide()方法隐藏的还是在css里面设置了display:none，这个方法都有效

语法：show(speed,easing,fn)

speed：三种预定速度的字符串（slow,normal,fast）或者表示动画时长的毫秒数值（如：2000），Number/String
easing：(optional 可选参数) 用来指定运动效果，默认是"swing"，可选参数"linear"，String
fn：(optional 可选参数) 在动画完成时执行的函数，每个元素执行一次， Function
三种预定速度的字符串对应的毫秒数值

slow normal fast
600 400 200

2、hide()

hide() 隐藏显示的元素

如果元素是隐藏的，这个方法不会改变任何东西。隐藏的元素相当于设置了display: none，隐藏且不占位

语法：hide(speed,easing,fn)

例：让隐藏的div用2s时间匀速隐藏

$('div').hide(2000,"linear");
1
3、toggle()

toggle() 切换

如果元素是隐藏的，切换为可见，如果元素是可见的，切换为隐藏

语法：toggle(speed,easing,fn)

Jquery动画2.0相关推荐

Java程序员从笨鸟到菜鸟之（九十一）跟我学jquery（七）jquery动画大体验
本文来自:曹胜欢博客专栏.转载请注明出处:http://blog.csdn.net/csh624366188 最近一直感觉自己好忙,每天都浑浑噩噩的过着,转眼间,好像有好长时间没有更新笨鸟到菜鸟了.现 ...
从零开始学习jQuery (七) jQuery动画-让页面动起来!
本系列文章导航从零开始学习jQuery (一) 开天辟地入门篇从零开始学习jQuery (二) 万能的选择器从零开始学习jQuery (三) 管理jQuery包装集从零开始学习jQuery ( ...
JQuery-学习笔记05【高级——JQuery动画和遍历】
Java后端学习路线笔记汇总表[黑马程序员] JQuery-学习笔记01[基础--JQuery基础]--[day01] JQuery-学习笔记02[基础--JQuery选择器] JQuery-学习 ...
jquery笔记一：下载安装、语法、选择器、遍历选择元素的方法、jQuery动画
目前 jQuery 兼容于所有主流浏览器, 包括 IE 6!开发时常用 jquery.js,上线用 jquery.min.js. jq插件目前jQuery有三个大版本: (1)1.x.x: 兼容ie ...
jQuery框架学习第七天：jQuery动画–jQuery让页面动起来!
jQuery框架学习第一天:开始认识jQuery jQuery框架学习第二天:jQuery中万能的选择器 jQuery框架学习第三天:如何管理jQuery包装集 jQuery框架学习第四天:使用jQu ...
[原创]jQuery动画弹出窗体支持多种展现方式
今天刚写的利用jQuery动画弹出窗体,支持了string.Ajax.iframe.controls四种展现方式,具体细节下面慢慢介绍,先看效果图. 动画效果从哪个对象上触发的即从该对象开始逐渐向屏 ...
jquery动画切换引擎插件 Velocity.js 学习01
一.Velocity.js介绍 Velocity是一个jQuery插件,重新实现了$.animate() 来产生更高的性能(速度也比CSS动画库更快),而包括新的功能,以提高动画工作流程. Veloc ...
jquery 动画总结（主要指效果函数）
动画无非两类:帧动画frame和变形动画tween,以及3d动画.不论web还是安卓苹果app,动画原理都是这些. web app 动画实现的途径,无非这几种: 1 gif动画---这就是帧动画,把若 ...
扭蛋机html源码,jQuery动画扭蛋机抽奖代码
特效描述:jQuery动画扭蛋机抽奖.jQuery动画扭蛋机抽奖代码代码结构 1. 引入CSS 2. 引入JS 3. HTML代码 100/次 10000 > 恭喜你! 获得一等奖! 恭喜你 ...

Jquery动画2.0

Jquery动画2.0相关推荐

最新文章

热门文章