分享一段微信搖一搖代碼,有興趣的能夠試一試

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 5 <meta charset="UTF-8">
 6 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0">
 7 <title>搖一搖</title>
 8 <link rel="stylesheet" href="http://down.admin5.com/demo/code_pop/19/1089/css/shake.css">
 9 <link rel="stylesheet" href="http://down.admin5.com/demo/code_pop/19/1089/css/myDialog.css">
10 <script type="text/javascript" src="http://down.admin5.com/demo/code_pop/19/1089/js/jquery.min.js"></script>
11 <script type="text/javascript" src="http://down.admin5.com/demo/code_pop/19/1089/js/howler.min.js"></script>
12 <script type="text/javascript" src="http://down.admin5.com/demo/code_pop/19/1089/js/fastclick.js"></script>
13 <script type="text/javascript" src="http://down.admin5.com/demo/code_pop/19/1089/js/shake.js"></script>
14 <script type="text/javascript" src="http://down.admin5.com/demo/code_pop/19/1089/js/myDialog.js"></script>
15 </head>
16 <body>
17  
18 <table id="container">
19 <tbody>
20     <tr>
21         <td class="container" colspan="2">
22             <div id="shake">
23                 <img src="http://down.admin5.com/demo/code_pop/19/1089/images/inner.png" class="inner">
24                 <img src="http://down.admin5.com/demo/code_pop/19/1089/images/shake.png" class="shake_up" id="shakeup">
25                 <img src="http://down.admin5.com/demo/code_pop/19/1089/images/shake.png" class="shake_down" id="shakedown">
26             </div>
27             <div id="loading" class="loading"></div>
28         </td>
29     </tr>
30     <tr id="controlbar">
31         <td class="controlbar">
32             <img src="http://down.admin5.com/demo/code_pop/19/1089/images/sdy.png" width="40" height="53"><br>手動搖
33         </td>
34     </tr>
35     <tr id="cantshake" style="display:none"><td class="controlbar" colspan="2">對不起,您的手機沒法支持搖一搖!</td></tr>
36 </tbody>
37 </table>
38 </body>
39 </html>
相關文章
相關標籤/搜索