jQuery 之路重走(6) jQuery中的动画
2013-04-27 10:29
106 查看
前言:
jQuery 中最实用之一的当然要属动画了,动画的使用简单性使得jQuery被广泛运用。 给用户一种全新的体验。
1.1 show() 和hide()不带参数时:
show() 是显示某个元素,等价于elemet.css('display','block');
hide() 是隐藏某个元素,等价于elemet.css('display','none');
好马虎的截图完成了,罪过啊
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 里的自定义动画方法,可以随意设置自定义动画,可以说很实用,也很牛逼。好马虎的截图完成了,罪过啊
相关文章推荐
- 前端学习之路——jQuery动画
- CSS3实践之路(六):CSS3的过渡效果(transition)与动画(animation)
- jquery实现新闻漂亮的动画展示效果
- jQuery 之 动画与动画停止效果(四)
- 35个不错的jquery 动画教程
- jQuery实现的选择商品飞入文本框动画效果完整实例
- 原创jquery-button 全局动画
- jQuery实现简单滚动动画效果
- jQuery动画
- jQuery动画与特效--jQuery基础知识点(4)
- 做动画用jQuery,做炫酷的图表用d3.js
- Jquery中的事件与动画
- jQuery的链式动画写法中加入setTimeout
- jQuery中的stop()方法解决动画重叠问题
- 基于jQuery弹出层图片动画查看代码
- jquery动画函数队列
- jQuery动画基础
- jQuery动画---自定义动画animate()
- jquery实现动画伸缩效果
- 40个超酷的jQuery动画教程