显示语法规范

显示参数

1.参数都可以省略，无动画直接显示。

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

3.easing : (Optional)用来指定切换效果，默认是“swing”，可用参数“linear”.

4.fn:回调函数，在动画完成时执行的函数，每个元素执行一次。

代码示例（包含隐藏）：

  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.     <meta charset="utf-8">
  6.     <title></title>
  7.     <style type="text/css">
  8.         div {
  9.             height: 400px;
  10.             width: 138px;
  11.             background-color: pink;
  12.         }
  13.     </style>
  14. </head>
  15.  
  16. <body>
  17.     <button>显示</button>
  18.     <button>隐藏</button>
  19.     <button>切换</button>
  20.     <div></div>
  21. </body>
  22. <script src="/js文件/jQuery.mini.js"></script>
  23. <script type="text/javascript">
  24.     $(function () {
  25.         //显示
  26.         $("button").eq(0).click(function () {
  27.             $("div").show(1000, function () {
  28.                 alert(1)
  29.             });
  30.         })
  31.         //隐藏
  32.         $("button").eq(1).click(function () {
  33.             $("div").hide(1000, function () {
  34.                 alert(1)
  35.             });
  36.         })
  37.         //切换
  38.         $("button").eq(1).click(function () {
  39.             $("div").toggle(1000)
  40.         })
  41.         //一般情况下我们都不加参数直接显示隐藏就可以了
  42.     })
  43. </script>
  44.  
  45. </html>

 

版权声明：本文为秋裤原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/lxr0606/p/16158374.html