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

    }

    })

    }

  • 相关阅读:
    tomcat 配置ssi
    oracle exp imp 导入 正在跳过表 plsql 导入表 成功终止 数据 被导入
    oracle 创建数据表空间和用户
    移动端开发来个总结吧
    ssl四次握手
    面试-布局
    typeof的原理?
    马上面试了就,复习一下排序
    关于webview无法设置页面标题
    关于let的生命提升
  • 原文地址:https://www.cnblogs.com/wenyan/p/4393624.html
Copyright © 2011-2022 走看看