zoukankan      html  css  js  c++  java
  • show([speed,[easing],[fn]])

    show([speed,[easing],[fn]])

    概述

    显示隐藏的匹配元素。

    这个就是 'show( speed, [callback] )' 无动画的版本。如果选择的元素是可见的,这个方法将不会改变任何东西。无论这个元素是通过hide()方法隐藏的还是在CSS里设置了display:none;,这个方法都将有效。直线模组

    参数

    speed[,fn]Number/String,FunctionV1.0

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

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

    [speed],[easing],[fn]Number/String,String,FunctionV1.4.3

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

    easing:(Optional) 用来指定切换效果,默认是"swing",可用参数"linear"

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

    示例

    描述:

    显示所有段落

    HTML 代码:
    <p style="display: none">Hello</p>
    jQuery 代码:
    $("p").show()

    描述:

    用缓慢的动画将隐藏的段落显示出来,历时600毫秒。

    HTML 代码:
    <p style="display: none">Hello</p>
    jQuery 代码:
    $("p").show("slow");

    描述:

    用迅速的动画将隐藏的段落显示出来,历时200毫秒。并在之后执行反馈!

    HTML 代码:
    <p style="display: none">Hello</p>
    jQuery 代码:
    $("p").show("fast",function(){
       $(this).text("Animation Done!");
     });

    描述:

    将隐藏的段落用将近4秒的时间显示出来。。。并在之后执行一个反馈。。。

    HTML 代码:
    <p style="display: none">Hello</p>
    jQuery 代码:
    $("p").show(4000,function(){
       $(this).text("Animation Done...");
     });
  • 相关阅读:
    学习笔记1—多线程相关笔记
    【Java并发编程一】线程安全问题
    Intellij IDEA配置优化--转载
    idea使用阿里工具优化代码+阿里开发手册
    Navicat Premium 12.1.12.0安装与激活
    H5分享功能
    excel导出使用get请求参数过长问题
    百度地图Web引用
    idea通过mapper快速定位到xml文件
    Win10企业版永久激活方法(cmd命令)
  • 原文地址:https://www.cnblogs.com/furuihua/p/12022774.html
Copyright © 2011-2022 走看看