jQuery学习笔记(三)jQuery中的动画

标签：

1 show() 方法和hide() 方法  （显示和隐藏）

　　　show() 方法和hide() 方法是jQuery中基本的动画方法。在HTML文档里，为一个元素调用hide() 方法，会将该元素的display样式改为“none”。

$("element").hide();    //通过hide()方法将element元素隐藏
$("element").css("display","none");    //通过css()方法将element元素隐藏
$("element").show();    //通过show()方法将element元素显示
$(“element”).show(3000);　　　　//通过show()方法将element元素在3秒种内显示完成

  　　show() 方法和hide() 方法在不带任何参数情况下，相当于css("display","none,block,inline"),作用是离开显示或隐藏匹配的元素，不会有任何的动画效果。

　　　如果希望在调用show()方法时，元素慢慢地显示出来，可以为show()方法指定一个速度参数。

　　　例如：$(“element”).show(3000); 在3000毫秒内显示，即3秒种内显示完成。这种方法在显示或者隐藏的时候，内容与透明图都是渐进的显示或隐藏的，所以有一种动画的感觉。

2 fadeln() 方法和fadeOut() 方法   （淡入和淡出）

　　　fadeIn()、fadeOut()与show()、hide()的差别就在与它们只改变其透明度，简单而言，其效果就是要实现淡入、淡出的动画效果。

3 slideUp() 方法和slideDown() 方法　（滑动）

　　　slideUp()和slideDown()方法与show()、hide()方法的差别就在于其改变的是元素的高度，使元素上下滑动。

jQuery学习笔记(三)jQuery中的动画

标签：

原文地址：http://www.cnblogs.com/dengzk/p/5129739.html