プラグインは、このブログの著者によって書かれています。
同社のモバイルプロジェクトは、Zeptoに基づいています。そこで、Zeptoの公式WebサイトにAPIを表示しましたが、Zepto Swipe()メソッドを使用する場合は、Pack.jsファイルを引用する必要があることがわかりました公式ウェブサイトはSwipe()メソッドに適用できないため、Zeptoに関するインターネット上のものが少ないため、情報を確認し続けています。理由。その後、Baidu Cloudaチームによって開発されたTouch.JSを不注意に発見しました(現在、このチームがJSも維持しているため、Swipe()メソッドを使用できます。結果は大丈夫です!ここのBaidu CloudのCloudaチームのおかげで、あなたは本当に牛です!交差点交差点 ここでは、Zepto自体にAnimate()メソッドがfx.jsにカプセル化されていないことに注意してください(公式Webサイトをダウンロード)。
このプラグインにバグや欠点があると思われる場合は、メッセージを残してください。時間内に変更します、ありがとうございます!
以下は、Zeptoのモバイル端末に基づいて上向きに上向きに巻かれた完全なコードで、上下にスライドプラグに触れます。
HTMLパーツ:
<!doctype html> <html> <gead> <meta charset = utf-8> <viewport content = device-width、initial-scale = 1.0、maximing-scale = user-scalable =いいえ> <タイトル>タイトル> <style> {マージン:0}隠された境界線:5px 10px 15px;} > <ul> <li> 1111111111122222222222222222222222222222222222222222222222222 </li> <li> 333333333303 </li> <li> 44444444444444444404 </li> <li> 55555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555550 -li li> 1111111111111111111111111111111年地> <li> 22222222202 </li> <li> 3333333303 </li> <li> 44444444404 </li> <li> 55555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555555 ?ベ? /ul> </div> <script src = zepto.min.js> </scrip> <scrip src = fx.js> </script> <script src = touch-0.2.14.js> </scrip> < script src = zepto.textslider.js> < /script> <script> $(function(){$(){$(。box).textslider({speed:50、値の値が大きいほど遅くなるほどスピードライン:10 / /ロール数にタッチ});})< /script> < /body>
プラグ-in zepto.textslider.jsパーツ:
/ ** TextSlider 0.1* Copyright(c)2014 Tnnyang*依存Zepto v1.1.6&fx.js&touch-0.min.js*著者by*/(function($){$ .fn.text slider = function(function( options){//デフォルト構成varデフォルト= {速度:40、//ローリング速度、値が大きいほど、行数:1 // rollingライン}; 、{}、defaults、obj、_sped); .find(ul).animate({margintop:margintop}、0、function(){var s = math.abs(parseint($(this).css(margin-top)); if(s> 20){ top = 0; this)) (ul); if($ ul.height()> _this.head()){marquee(_this、speed);} // touch starts_this.on erval($ timer);}); // upward_this.on( 'swipeup'、function(ev){ev.preventdefault(); clearinterval($ timer); if($ ul.height()> _this.heightt( ){for(i = 0; i <opts.line; i ++){$ ul.find(li).first($ ul);} $ ul.css(mign-top、0)。 ; i = 0; i ++){li).firt()マージン(マージン(マージン(マージン-top、0);}}); // touch_this.on( 'touchend'、function(ev){ev.preventdefault(); if($ ul.heryigh)の端の端()> _this.heigh()){){){){){marquee(_this、speed);}});}});
上記は、この記事のすべての内容です。