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);

}

})

}

jquery中效果的创建

标签：

原文地址：http://www.cnblogs.com/wenyan/p/4393624.html