zoukankan      html  css  js  c++  java
  • 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(){}) 

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

    }

    })

    }

  • 相关阅读:
    数据访问层之Repository
    IIS执行原理
    异常分析
    Logger
    JSTL
    Kubernetes
    NET Core WordPress
    net平台的rabbitmq
    MySQL can’t specify target table for update in FROM clause
    EqualsBuilder和HashCodeBuilder
  • 原文地址:https://www.cnblogs.com/wenyan/p/4393624.html
Copyright © 2011-2022 走看看