Der Stecker wurde vom Autor dieses Blogs geschrieben.
Das mobile Projekt des Unternehmens basiert auf Zepto. Also ging ich auf die offizielle Website von Zepto, um die API zu sehen, aber wenn Sie die Zepto Swipe () -Methode verwenden möchten, müssen Sie die von der Touch.js -Datei angegebene Touch.js -Datei zitieren. Die offizielle Website kann nicht auf die SWIPE () -Methode angewendet werden, daher ist sie verwirrt und überprüfen Sie die Informationen weiter. Der Grund. Später entdeckte ich versehentlich einen Touch. Das Ergebnis ist in Ordnung! Dank des Clouda -Teams von Baidu Cloud hier sind Sie wirklich Kuh! Überschneidung Überschneidung Achten Sie hier, dass Zepto selbst keine Animate () -Methode hat.
Wenn Sie der Meinung sind, dass dieser Stecker Fehler oder Mängel hat, hinterlassen Sie bitte eine Nachricht, ich werde sie rechtzeitig ändern, danke!
Das Folgende ist der vollständige Code, der basierend auf dem mobilen Terminal von Zepto nahtlos nach oben gerollt ist und den Schiebedopfen auf und ab berührt:
HTML -Teil:
<! no> <title> Nicht-Titel-Dokumente </title> <style>*{margin: 0; versteckt; > <ul> <li>11111111111222222</li> <li>2222222202</li> <li>3333333303</li> <li>4444444404</li> <li>5555555505</li> <li>6666666606</ LI> <li> 1111111111 </li> <li> 2222222202 </li> <li> 3333333303 </li> <li> 444444404 </li> <li> 5555555505 </li> <li> 666666606 </li> </li> </li> /Ul> </div> <script src = zepto.min.js> </script> <script src = fx.js> </script> <script src = touch-0.2.14.js> </script> < script src = zepto.textslider.js> < /script> <script> $ (function () {$ () {$ (. Box) .TextSlider ({Speed: 50, desto größer der Wert des Wert Geschwindigkeitslinie: 10 / /berühren Sie die Anzahl der Rollen}));}) < /script> < /body>Plug -in -in Zepto.textslider.js Teil:
/ ** textslider 0.1* Copyright (c) 2014 Tnnyang* Abhängigkeit Zepto v1.1.6 & fx.js & touch-0.min.js* Autor von*/ (Funktion ($) {$ .fn.text Slider = Funktion (Funktion (Funktion (Funktion Optionen) {// Konfigurationskonfiguration var defaults = {Geschwindigkeit: 40, // Rollgeschwindigkeit, je größer der Wert ist, desto langsamer die Anzahl der Zeilen: 1 // Rolling -Zeile}; {} ,, Standard, Optionen); .find (ul) .animate ({margintop: margintop}, 0, function () {var s = math.abs (parseInt ($ (this) .css (margin-top)); if (s> = 20) { TOP = 0; this)); (ul); Erval ($ timer);}); )) {für (i = 0; i <opts.line; i ++) {$ ul.find (li) .First (). ;}}); i = 0; Margin (Margin (Margin (Margin (Margin -Top, 0);}}); // Das Ende der Touch_this.on ('Touchend', Funktion (ev) {ev.preventDefault (); if ($ ul.heryighigh ()> _this.heigh ()) {) {) {) {) {marquee (_this, Geschwindigkeit);}});});}});Das oben genannte ist der Inhalt dieses Artikels.