css1.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  7. <link rel="stylesheet" href="../style/weui.css"/>
  8. <link rel="stylesheet" href="../style/weui2.css"/>
  9. <link rel="stylesheet" href="../style/weui3.css"/>
  10. <script src="../zepto.min.js"></script>
  11. <script>
  12. $(function(){
  13. });
  14. </script>
  15. </head>
  16. <body ontouchstart class="page-bg">
  17. <div class="page-hd">
  18. <h1 class="page-hd-title">
  19. zepto中扩展函数
  20. </h1>
  21. <p class="page-hd-desc">zepto官方标准库里面没有以下方法,这些方法是微信weui添加进去的,以下是目前所知可用方法,具体用法参考jquery同名函数</p>
  22. </div>
  23. <table class="weui-table weui-border-tb">
  24. <thead>
  25. <tr><th>zepto</th><th>说明</th></tr>
  26. </thead>
  27. <tbody>
  28. <tr><td>fadeIn和fadeOut</td><td>对应替换show hide</td></tr>
  29. <tr><td>data方法</td><td>和jquery用法一样</td></tr>
  30. <tr><td>show/hide</td><td>支持show("slow"),600ms fast 200ms 默认400ms</td></tr>
  31. <tr><td>fadeToggle</td><td>fadeToggle("slow","linear")支持ease,linear,ease-in,ease-out,ease-in-out</td></tr>
  32. <tr><td>支持事件</td><td>longTap长按,swipe, swipeLeft, swipeRight, swipeUp, swipeDown滑动</td></tr>
  33. <tr><td></td><td></td></tr>
  34. <tr><td></td><td></td></tr>
  35. <tr><td></td><td></td></tr>
  36. <tr><td></td><td></td></tr>
  37. <tr><td></td><td></td></tr>
  38. <tr><td></td><td></td></tr>
  39. <tr><td></td><td></td></tr>
  40. <tr><td></td><td></td></tr>
  41. <tr><td></td><td></td></tr>
  42. <tr><td></td><td></td></tr>
  43. <tr><td></td><td></td></tr>
  44. <tr><td></td><td></td></tr>
  45. <tr><td></td><td></td></tr>
  46. <tr><td></td><td></td></tr>
  47. <tr><td></td><td></td></tr>
  48. <tr><td></td><td></td></tr>
  49. <tr><td></td><td></td></tr>
  50. <tr><td></td><td></td></tr>
  51. <tr><td></td><td></td></tr>
  52. <tr><td></td><td></td></tr>
  53. <tr><td></td><td></td></tr>
  54. <tr><td></td><td></td></tr>
  55. <tr><td></td><td></td></tr>
  56. <tr><td></td><td></td></tr>
  57. <tr><td></td><td></td></tr>
  58. <tr><td></td><td></td></tr>
  59. <tr><td></td><td></td></tr>
  60. <tr><td></td><td></td></tr>
  61. <tr><td></td><td></td></tr>
  62. <tr><td></td><td></td></tr>
  63. <tr><td></td><td></td></tr>
  64. <tr><td></td><td></td></tr>
  65. <tr><td></td><td></td></tr>
  66. <tr><td></td><td></td></tr>
  67. <tr><td></td><td></td></tr>
  68. <tr><td></td><td></td></tr>
  69. <tr><td></td><td></td></tr>
  70. <tr><td></td><td></td></tr>
  71. <tr><td></td><td></td></tr>
  72. <tr><td></td><td></td></tr>
  73. <tr><td></td><td></td></tr>
  74. <tr><td></td><td></td></tr>
  75. <tr><td></td><td></td></tr>
  76. </tbody>
  77. </table>
  78. </body>
  79. </html>