您的位置:首页 > Web前端 > JQuery

jQuery 之路重走(6) jQuery中的动画

2013-04-27 10:29 106 查看
前言:

jQuery 中最实用之一的当然要属动画了,动画的使用简单性使得jQuery被广泛运用。 给用户一种全新的体验。

1. show() 方法和 hide() 方法

1.1 show() 和hide()不带参数时:

show() 是显示某个元素,等价于elemet.css('display','block');

hide() 是隐藏某个元素,等价于elemet.css('display','none');



1.2 show() 和hide() 带参数时:



2. fadeIn() 和fadeOut() 方法

这两个方法,也是显示和隐藏的动画方法,只不过,是以改变元素的不透明度,来达到动画隐藏的效果。加时间参数,也可控制速度。



3. slideUp和slideDown() 方法

顾名思义,这两方法。是以只改变元素的高度,来达到显示和隐藏,形成动画的效果。



4. 最牛逼的animate() 方法

animate() 方法是jQuery 里的自定义动画方法,可以随意设置自定义动画,可以说很实用,也很牛逼。



























好马虎的截图完成了,罪过啊
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: