jQuery特殊效果

1、jQuery特殊效果

fadeIn()  //淡入
<script type="text/javascript">
	$(function(){
		$('#div').fadeIn(1000,''swing',function(){
			alert("done");
		});
	});
</script>
fadeOut() //淡出
fadeToggle()  //切换淡入淡出
hide() //隐藏元素
show() //显示元素
toggle() //切换元素的可见状态
slideDown() //向下展开
slideUp() //向上卷起
slideToggle() //依次展开或卷起某个元素

2、链式调用

<script type="text/javascript">
	$(function(){
		$('#div').click(function(){
			$(this).next().stop().slideToggle().parent().siblings().children('ul').slideUp();
		});
	});
</script>

3、jQuery动画

通过animate方法可以设置元素某属性值上的动画，可以设置一个或多个属性值，动画完成后会执行一个函数。

$('#div1').animate({
	width:300,
	height:300
},1000,'swing',function(){
	alert('done');
});

参数可以写成数字表达式：

$('#div1').animate({
	width:'+=100',
	height:300
},1000,'swing',function(){
	alert('done');
});