1、隐藏\显示(hide\show toggle)
语法:$(selector).hide(speed,callback);
2、淡入\淡出\两者之间切换\不透明度0-1
分别为fade in、fade out 、fade toggle 、fade to
语法:$(selector).fade in(speed,callback);
speed可以为slow fast 毫秒
$("#div1").fade to(3000,0.5);
3、滑动(slide down\slide up\slide toggle)
语法:$(selector).slide up(speed,callback);
speed可以为slow fast 毫秒
4、动画(animate)
语法:$(selector).animate({params},speed,callback);
parmas是css属性,操作多个属性用逗号隔开
提示:如需对位置进行操作,需要把元素的css position改为absolute relative fixed
不过,需要记住一件重要的事情:当使用 animate() 时,必须使用 Camel 标记法书写所有的属性名,比如,必须使用 paddingLeft 而不是 padding-left,使用 marginRight 而不是 margin-right,等等
5、stop()
stop() 停止动画效果在完成之前,方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画
语法:$(selector).stop(stopall,gotoend);
6、callback()用于动画完成之后
语法:$(selector).hide(speed,function(){
alert("this is hidden now");
});
7、链接:在相同的元素上运行多条 jQuery 命令
$("#p1").css("color","red").slideUp(2000).slideDown(2000);