实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
AخA
 
1
<pre style="white-space: pre-wrap;">
2
<!doctype html>
3
<html lang="en">
4
<head>
5
  <meta charset="utf-8">
6
  <title>降落特效（Drop Effect）演示</title>
7
  <link rel="stylesheet" href="//apps.bdimg.com/libs/jqueryui/1.10.4/css/jquery-ui.min.css">
8
  <style>
9
  #toggle {
10
    width: 100px;
11
    height: 100px;
12
    background: #ccc;
13
  }
14
  </style>
15
  <script src="//apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
16
  <script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
17
</head>
18
<body>
19
20
<p>点击任意地方进行切换。</p>
21
<div id="toggle"></div>
22
23
<script>
24
$( document ).click(function() {
25
  $( "#toggle" ).toggle( "drop" );
26
});
27
</script>
28
29
</body>
30
</html>