1.基本
1.1 hide()和hide(speed,function(){}),其中的function可选
实例:
<script type="text/javascript">
$(function(){
$("input").click(function(){
$("#div1").hide("slow",function(){
alert("ganme over"); });
})
})
</script>
1.2show()和show(speed,function(){})同上
2.滑动
2.1slideDown(speed,function(){})和slideUp(speed,function(){})用法同1
2.2 slideToggle(speed,function(){})可以达到2.1两个效果,用法同2.1
3.淡入淡出
3.1fadeIn(speed,function(){})和fadeOut(speed,function(){}) 用法同上1
3.2fadeToggle(speed,function())可达到3.1的效果之和
3.3fadeTo(speed,opacity,function(){})调整透明度到某个值,function为可选
4. 自定义
自定义动画的高度宽度和透明度
4.1 animate(json,事件间隔(毫秒),function(){})
注意json是花括号,并且对象的值是用双引号括起来的,因为此处用的是函数的调用,不能用css的格式来判断,例如 {"20px",height:"200px"}
实例:
<script type="text/javascript">
$(function(){ $("#div1").animate(
{ "200px",
height:"200px",
opacity:1,
},1000,function(){ alert("完成");}); })
</script>
4.2 stop()和delay(秒数)
5.$.fx.interval=time(帧频设置为ms)和$.fx.off=false 设置开启一个禁止的动画
6.用函数综合效果
f1("slideDown","slideUp");
function f1(f1,f2)
{
$("#div1")[f1](1000.function(){
$("#div1")[f2]( 1000,function(){
f1(f1,f2);
}
})
}