• 动画效果


    网页中的特效,一般都是用JavaScript编写的

    显示与隐藏

      显示方法:show([speed,callback])

        无参数情况下,只能硬性显示,没有动画效果

        speed:动画速度,以毫秒为单位

        callback:回调函数,当显示效果完成后,调用

      隐藏方法:hide([speed,callback])

        无参数情况下,只能硬性隐藏,没有动画效果

        speed:动画速度,以毫秒为单位

        callback:回调函数,当隐藏效果完成后,调用

      逐个显示

        object.first().show(800,function callback(){

          $(this).next().show(800,callback());

        })

      逐个隐藏

        object.last().hide(800,function callback(){

          $(this).prev().hide(800,callback());

        })

      隐藏兼显示:toggle([speed,callback,bool])

        无参情况下硬性显示或隐藏

        speed:动画速度,以毫秒为单位

        callback:回调函数,当隐藏效果完成后,调用

        bool:规定 toggle 是否隐藏或显示所有被选元素     

        • True - 显示所有元素
        • False - 隐藏所有元素

    滑动显示与隐藏

      显示方法:slideDown([speed,callback])

        无参数情况下,以默认速度显示

        speed:动画速度,以毫秒为单位

        callback:回调函数,当显示效果完成后,调用

      隐藏方法:slideUp([speed,callback])

        无参数情况下,只能硬性隐藏,没有动画效果

        speed:动画速度,以毫秒为单位

        callback:回调函数,当隐藏效果完成后,调用

      隐藏兼显示:slideToggle([speed,callback])

        无参情况下硬性显示或隐藏

        speed:动画速度,以毫秒为单位

        callback:回调函数,当隐藏/显示效果完成后,调用

    淡入与淡出

      淡入方法:fadeIn([speed,callback])

        无参数情况下,以默认速度显示

        speed:动画速度,以毫秒为单位

        callback:回调函数,当显示效果完成后,调用

      淡出方法:fadeOut([speed,callback])

        无参数情况下,只能硬性隐藏,没有动画效果

        speed:动画速度,以毫秒为单位

        callback:回调函数,当隐藏效果完成后,调用

      淡入兼淡出:fadeToggle([speed,callback])

        无参情况下硬性显示或隐藏

        speed:动画速度,以毫秒为单位

        callback:回调函数,当隐藏效果完成后,调用

      改变透明度:fadeTo(speed,opacity[,callback])

        speed:动画速度,以毫秒为单位

        opacity:透明度改变范围,0~1

        callback:回调函数,当改变透明度效果完成后,调用

    自定义动画

      方法:animate({

          key1:value1,

          key2:value2,...

          }[,speed,easing,callback])

        key:value:CSS样式键值对

        speed:动画速度

        callback:回调函数,动画效果完成后,调用

        easing:动画运动效果,参数为swing时,动画缓速运动,即中间快,两边慢;参数为linear时,动画匀速运动

        可在value前加"+="或"-=",使其累增或累减

    列队动画:调用动画的函数按顺序执行

      方法:JQurey自定义动画函数

        使用嵌套的回调函数,函数将按顺序执行

        使用连缀和顺序执行,实现列队动画,对象为同一个

    动画方法

      stop(clearQueue,gotoEnd):

        没有参数的情况下,停止列队动画的第一个动画,余下动画继续执行

        第一个参数为true时,停止列队动画,并清空余下的动画

        第二个参数为true时,直接将正在执行的列队动画跳到末状态

      delay(time):设置时间延迟效果

      :animated:查找正在执行的动画,$(":animated")表示正在执行的动画

    全局属性

      $.fx.interval:设置动画的帧数,默认为13

      $.fx.off:关闭动画,默认为false

        

  • 相关阅读:
    Java中new关键字和newInstance方法的区别
    一道关于简单界面设计的练习题
    一道关于接口的练习题
    SPSS与聚类分析
    Nunit中文文档
    对比MS Test与NUnit Test框架
    Unit Test单元测试时如何模拟HttpContext
    如何vs升级后10和12都能同时兼容
    LINQ 从 CSV 文件生成 XML
    使用FileSystemWatcher监视文件变化
  • 原文地址:https://www.cnblogs.com/HuangWj/p/4508836.html
Copyright © 2020-2023  润新知