123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title></title>
- <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
- <link rel="stylesheet" href="../style/weui.css"/>
- <link rel="stylesheet" href="../style/weui2.css"/>
- <link rel="stylesheet" href="../style/weui3.css"/>
- <script src="../zepto.min.js"></script>
- <script>
- $(function(){
-
- });
-
- </script>
- </head>
- <body ontouchstart class="page-bg">
- <div class="page-hd">
- <h1 class="page-hd-title">
- zepto中扩展函数
- </h1>
- <p class="page-hd-desc">zepto官方标准库里面没有以下方法,这些方法是微信weui添加进去的,以下是目前所知可用方法,具体用法参考jquery同名函数</p>
- </div>
-
- <table class="weui-table weui-border-tb">
- <thead>
- <tr><th>zepto</th><th>说明</th></tr>
- </thead>
- <tbody>
- <tr><td>fadeIn和fadeOut</td><td>对应替换show hide</td></tr>
- <tr><td>data方法</td><td>和jquery用法一样</td></tr>
- <tr><td>show/hide</td><td>支持show("slow"),600ms fast 200ms 默认400ms</td></tr>
- <tr><td>fadeToggle</td><td>fadeToggle("slow","linear")支持ease,linear,ease-in,ease-out,ease-in-out</td></tr>
- <tr><td>支持事件</td><td>longTap长按,swipe, swipeLeft, swipeRight, swipeUp, swipeDown滑动</td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- <tr><td></td><td></td></tr>
- </tbody>
- </table>
- </body>
- </html>
|