zoukankan      html  css  js  c++  java
  • jQuery 动画效果

    动画效果

    1. 基本效果

    show([s,[e],[fn]])      显示隐藏的匹配元素
    hide([s,[e],[fn]])      隐藏显示的元素
    toggle([s],[e],[fn])    如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的
    

    参数详解

    speed   : 三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如:1000)
    easing  : (Optional) 用来指定切换效果,默认是"swing",可用参数"linear"
    fn      : 在动画完成时执行的函数,每个元素执行一次。
    

    2. 滑动效果

    slideDown([s],[e],[fn])     通过高度变化(向下增大)来动态地显示所有匹配的元素
    slideUp([s,[e],[fn]])       通过高度变化(向上减小)来动态地隐藏所有匹配的元素
    slideToggle([s],[e],[fn])   通过高度变化来切换所有匹配元素的可见性
    

    参数详解

    speed   : 三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如:1000)
    easing  : (Optional) 用来指定切换效果,默认是"swing",可用参数"linear"
    fn      : 在动画完成时执行的函数,每个元素执行一次。
    

    3 淡入淡出效果

    fadeIn([s],[e],[fn])        通过不透明度的变化来实现所有匹配元素的淡入效果
    fadeOut([s],[e],[fn])       通过不透明度的变化来实现所有匹配元素的淡出效果
    fadeToggle([s,[e],[fn]])    通过不透明度的变化来开关所有匹配元素的淡入和淡出效果
    fadeTo([[s],o,[e],[fn]])    把所有匹配元素的不透明度以渐进方式调整到指定的不透明度
    

    参数详解

    speed   : 三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如:1000)
    easing  : (Optional) 用来指定切换效果,默认是"swing",可用参数"linear"
    fn      : 在动画完成时执行的函数,每个元素执行一次。
    
    opacity : (用户fadeTo)一个0至1之间表示透明度的数字。
    

    4 自定义动画

    animate(p,[s],[e],[fn])
    

    参数详解

    params  : 一组包含作为动画属性和终值的样式属性和及其值的集合
    speed   : 三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如:1000)
    easing  : 要使用的擦除效果的名称(需要插件支持).默认jQuery提供"linear" 和 "swing".
    fn      : 在动画完成时执行的函数,每个元素执行一次。
    

    5 动画控制

    stop([c],[j])       停止所有在指定元素上正在运行的动画
    delay(d,[q])        设置一个延时来推迟执行队列中之后的项目
    finish([queue])     停止当前正在运行的动画,删除所有排队的动画,并完成匹配元素所有的动画
    

    6 设置

    //关闭页面上所有的动画
    jQuery.fx.off = true;
    
  • 相关阅读:
    PHP在yii2中封装SuperSlide 幻灯片编写自己的SuperSlideWidget的例子
    安卓界面控件屏幕居中Layout例子
    java web的开发 知识要点
    PHP MVC简单介绍,对PHP当前主流的MVC做了一个总结
    自己编写的一个有关安卓应用开发培训PPT
    springboot配置fastjson后端往前端传输格式化
    实现商城商品秒杀分析
    idea添加jdbc包
    idea心得
    gc overhead limit exceeded内存问题
  • 原文地址:https://www.cnblogs.com/TMesh/p/11755870.html
Copyright © 2011-2022 走看看