jquery中效果的创建
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(0{})
注意json是花括号，并且对象的值是用双引号括起来的，因为此处用的是函数的调用，不能用css的格式来判断，例如 {width:"20px",height:"200px"}
实例：
<script type="text/javascript">
$(function(){ $("#div1").animate(
{ width:"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);
}
})
}
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
