zoukankan      html  css  js  c++  java
  • 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可以立即关闭所有动画(所有效果会立即执行完毕)

     

           

           

              

  • 相关阅读:
    Unity--截取屏幕任意区域
    IOS 提交审核,遇到Missing Push Notification Entitlement 问题。
    VSync Count 垂直同步
    unity3d 自动保存
    首次发布App,In-App Purchase 无法submit for review 问题的解决方案
    国内银行CNAPS CODE 查询
    苹果开发——App内购以及验证store的收据(二)
    C#
    AJAX
    SQLite连接C#笔记
  • 原文地址:https://www.cnblogs.com/Ellen-study/p/7249090.html
Copyright © 2011-2022 走看看