• jQuery效果


    jQuery 基本效果

       基本效果

        1.show([speed],[easing],[fn]) 显示隐藏的匹配元素

            speed:三种预定的速度之一的字符串(“show”,"normal",or"fast")或表示动画时长的毫秒数值(如:1000);

            easing:用来指定切换效果,默认是“swing”,可用参数“linear”;

            fn:在动画完成时执行的函数,每个元素执行一次

         2. hide(([speed],[easing],[fn]) 隐藏显示元素

         3.toggle([speed],[easing],[fn]) 用于绑定两个或多个事件处理器函数,以响应被选元素的轮流click事件(切换元素)

         4. slideDown([speed],[easing],[fn])  通过高度变化(向下增大)来动态地显示所有匹配元素,在显示完成后可选地触发一个回调函数。

         5. slideDown([speed],[easing],[fn]) 通过高度变化(向上减小)来动态地显示所有匹配元素,在隐藏完成后可选地触发一个回调函数。

         6.slideToggle([speed],[easing],[fn]) 通过高度变化来切换所有匹配元素的可见性,并在切换完成后可选地触发一个回调函数。

         7. fadeIn([speed],[easing],[fn]) 淡入

         8.fadeout([speed],[easing],[fn]) 淡出

         9.fadeTo([speed],[easing],[fn]) 把所有匹配元素的不透明度以渐进的方式,调整到指定的不透明度,并在动画完成后可选地触发一个回调函数

         10. fadeToggle([speed],[easing],[fn]) 通过不透明度的变化来开关所有匹配元素的淡入淡出效果,并在动画完成后可选地触发一个回调函数

          11.animate([params],[speed].[easing],[fn]) 用于创建自定义动画的函数。params:一组包含作为动画属性和终值的样式属性和其值的集。这个函数的关键在于指定动画样式及结果样式属性对象。这个对象中每个属性都表示一个可以变化的样式属性(如height”、“top”或“opacity”)。注意所有指定的属性必须用驼峰形式,比如用marginLeft代替marign-left

          12.stop([clearQueue],[jumpToEnd]) 停止所有在指定元素上正在运行的动画。

          13.delay(duration,[queueName]) 设置一个延时来推迟执行队列之后的项目。例:在.slideUP()和.fadeIn()之间延迟800毫秒

    HTML代码:

      <div id="foo"/>

    jQuery 代码:

    $('#foo').slideUp(300).delay(800).fadeIn(400);

           14.finish([queue]) 停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画。当.finish()在一个元素上被调用,立即停止当前正在运行的动画和所有排队的动画(如果有的话),并且他们的CSS属性设置为它们的目标值(所有动画的目标值)。所有排队的动画将被删除。

           15.jQuery.fx.off 关闭页面上所有的动画。把这个属性设置为true可以立即关闭所有动画(所有效果会立即执行完毕)

     

           

           

              

  • 相关阅读:
    LDMIA、LDMIB、LDMDB、LDMDA、STMIA、LDMFD、LDMFA、LDMED、LDMEA指令详解
    汇编:MSR/MRS/BIC指令
    leetcode 题库解答
    70个Python练手项目
    idea+maven+Strtus2 之新建工程
    java中利用StringEscapeUtils对字符串进行各种转义与反转义
    springboot+springcache+shiro+Redis整合时@Cacheable、@Transactional等注解失效的问题
    springboot+springCache+Redis声明式缓存
    SpringBoot与Mybatis整合之Junit单元测试
    RabbitMQ在Windows中的安装
  • 原文地址:https://www.cnblogs.com/Ellen-study/p/7249090.html
Copyright © 2020-2023  润新知