特效(Effects)
描述:淡入淡出特效(Fade Effect)通过淡入淡出元素来隐藏或显示一个元素。
- fade
使用淡入淡出特效(Fade Effect)切换一个 div。
- <!doctype html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>淡入淡出特效(Fade Effect)演示</title>
- <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
- <style>
- #toggle {
- width: 100px;
- height: 100px;
- background: #ccc;
- }
- </style>
- <script src="//code.jquery.com/jquery-1.10.2.js"></script>
- <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
- </head>
- <body>
- <p>点击任意地方进行切换。</p>
- <div id="toggle"></div>
- <script>
- $( document ).click(function() {
- $( "#toggle" ).toggle( "fade" );
- });
- </script>
- </body>
- </html>