المكوّن من قبل مؤلف هذه المدونة.
يعتمد مشروع الشركة على Zepto. لذلك ذهبت إلى موقع Zepto الرسمي لعرض واجهة برمجة التطبيقات الخاصة به ، ولكن وجدت أنه إذا كنت ترغب في استخدام طريقة Zepto Swipe () ، فأنت بحاجة إلى اقتباس ملف touch.js الذي تم تعبئته. لا يمكن تطبيق الموقع الرسمي على طريقة Swipe () ، لذلك يتم الخلط بينه وتواصل التحقق من المعلومات. السبب. في وقت لاحق ، اكتشفت عن غير قصد Touch.js التي تم تطويرها من قبل فريق Baidu Clouda (في الوقت الحالي ، يتم الحفاظ على JS من قبل هذا الفريق). النتيجة على ما يرام! بفضل فريق Baidu Cloud's Clouda هنا ، أنت حقًا بقرة! التقاطع التقاطع إيلاء الاهتمام هنا بأن Zepto نفسه لا يحتوي على طريقة ANIMATE ().
إذا كنت تعتقد أن هذا القابس -يحتوي على أخطاء أو أوجه القصور ، فيرجى ترك رسالة ، سأقوم بتعديلها في الوقت المناسب ، شكرًا لك!
فيما يلي الرمز الكامل الذي تم لفه بسلاسة للأعلى استنادًا إلى محطة الهاتف المحمول لـ Zepto ولمس القابس المنزلق إلى الأعلى والأسفل:
جزء HTML:
<! No> <titlects> documents </till> <style> {margin: 0 ؛ مخفي ؛ > <ul> <li> 111111111111222222222 </li> <li> 22222222202 </li> <li> 3333333303 </li> <li> 4444444404 </li> <li> 555555555505 </li> <li> 66666606 </li> li> <li> 11111111111 </li> <li> 2222222202 </li> <li> 3333333303 </li> <li> 4444444404 </li> <li> 5555555505 </li> <li> 66666666606 </li> /ul> </viv> <script src = zepto.min.js> </script> <script src = fx.js> </script> <script src = touch-0.2.14.js> </script> < البرنامج النصي src = zepto.textslider.js> </script> <script> $ (function () {$ () {$ (. box) .textslider ({speed: 50 ، أكبر قيمة القيمة ، وأبطأ أبطأ خط السرعة: 10 / /المس عدد القوائم}))) ؛}) < /script> </body>Plug -in zepto.textslider.js الجزء:
/ ** Textslider 0.1* حقوق الطبع والنشر (C) 2014 tnnyang* الاعتماد Zepto v1.1.6 & fx.js & touch-0.min.js* مؤلف*/ (الدالة ($) {$ .fn.text slider = function ( الخيارات) {// التكوين الافتراضي var defaults = {speed: 40 ، // rolling speed ، كلما كانت القيمة أبطأ عدد الصفوف: 1 // line} ؛ ، {} ، خيارات) ؛ .find (ul) .animate ({margintop: margintop} ، 0 ، function () {var s = math.abs (parseint ($ (this) .css (margin-top)) ؛ if (s> = 20) { أعلى = 0). هذا)) ؛}}) ؛} ، _speed) ؛ (ul) ؛ if ($ ul.height ()> _this.head ()) {marquee (_ this ، speed) ؛} // touch start_this.on ('touchstart' ، function (ev) {ev.preventDefault () ؛ erval ($ timer) ؛}) ؛ )) {for (i = 0 ؛ i <opts.line ؛ i ++) {$ ul.find (li) .first (). ؛ i = 0 ؛ الهامش (الهامش (الهامش (الهامش (الهامش -top ، 0) ؛}}) ؛ // نهاية touch_this.on ('touchend' ، function (ev) {ev.preventDefault () ؛ if ($ ul.heryigh ()> _this.heigh ()) {) {) {) {marquee (_this ، speed) ؛}}) ؛}) ؛}}) ؛ما سبق هو كل محتويات هذا المقال.