Plug -in ditulis oleh penulis blog ini.
Proyek seluler perusahaan didasarkan pada Zepto. Jadi saya pergi ke situs web resmi Zepto untuk melihat API -nya, tetapi menemukan bahwa jika Anda ingin menggunakan metode Zepto Swipe (), Anda perlu mengutip file Touch.js yang telah dikemas. Situs web resmi tidak dapat diterapkan pada metode swipe (), jadi itu bingung dan terus memeriksa informasinya. Alasannya. Kemudian, saya secara tidak sengaja menemukan sentuhan. Hasilnya baik -baik saja! Terima kasih kepada tim Clouda Baidu Cloud di sini, Anda benar -benar sapi! Persimpangan Persimpangan Perhatikan di sini bahwa Zepto sendiri tidak memiliki metode animate ().
Jika Anda pikir plug -in ini memiliki bug atau kekurangan, silakan tinggalkan pesan, saya akan memodifikasinya tepat waktu, terima kasih!
Berikut ini adalah kode lengkap yang dengan mulus bergulir ke atas berdasarkan terminal seluler Zepto dan menyentuh steker geser -di atas dan ke bawah:
Bagian html:
<! no> <it judul> Dokumen non-title </itement> <tyle>*{margin: 0; Border; > <ul> <li> 111111111111222222 </li> <li> 2222222202 </li> <li> 333333303 </li> <li> 4444444404 </li> <li> 555555505 </li> <li> 666666666666666666666666666666666666666666666666666666666666 </LI> </LI> </6666 Li> <li> 1111111111 </li> <li> 2222222202 </li> <li> 3333333303 </li> <li> 4444444404 </li> <li> 555555505 </li> <li> 6666666666606 </Li> </Li> <li> <li> 6666666666606 </Li> </Li> </Li> <li> 666666666666606 </Li>> /Ul> </div> <script src = zepto.min.js> </script> <skrip src = fx.js> </script> <script src = touch-0.2.14.js> </cript> <skrip skrip src = zepto.textslider.js> </script> <script> $ (function () {$ () {$ (.. box) .textslider ({speed: 50, semakin besar nilai nilai, semakin lambat Garis Kecepatan: 10 / /Sentuh Jumlah Gulungan}));}) </script> </body>Plug -in zepto.textslider.js bagian:
/ ** TextSlider 0.1* Hak Cipta (C) 2014 Tnnyang* Ketergantungan Zepto v1.1.6 & fx.js & Touch-0.min.js* penulis oleh*/ (fungsi ($) {$ .fn.text slider = function (function Opsi) {// Konfigurasi Default Var Defaults = {speed: 40, // Rolling Speed, Semakin besar nilainya, Semakin lambat jumlah baris: 1 // garis rolling}; , {} ,, opsi, opsi); .find (ul) .animate ({margintop: margintop}, 0, function () {var s = math.abs (parseInt ($ (this) .css (margin-top)); if (s> = 20) { top = 0; ini) .css (margin-top, 0); ini));}});}, _speed);} this.each (function () {varulaed = opts [speed], line = opts [line], _this = $ (ini); var $ ul = _this.find $ (UL); if ($ ul.height ()> _this.head ()) {marquee (_this, speed);} // Touch start_this.on ('touchstart', function (ev) {ev.preventDefault (); Erval ($ timer);}); // geser upward_this.on ('swipeup', function (ev) {ev.preventdefault (); clearInterval ($ timer); if ($ ul.height ()> _this.heightt ($ )) {untuk (i = 0; i <opts.line; i ++) {$ ul.find (li) .first (). ;}}); i = 0; margin (margin (margin (margin (margin -top, 0);}}); // akhir dari sentuh_this.on ('touchend', function (ev) {ev.preventdefault (); if ($ ul.heryigh ()> _this.heigh ())) {) {) {) {) {marquee (_this, speed);});});}});Di atas adalah semua isi artikel ini.