El enchufe está escrito por el autor de este blog.
El proyecto móvil de la compañía se basa en Zepto. Así que fui al sitio web oficial de Zepto para ver su API, pero descubrí que si desea usar el método Zepto Swipe (), debe citar el archivo touch.js que ha sido empaquetado. El sitio web oficial no se puede aplicar al método Swipe (), por lo que está confundido y continúa verificando la información. La razón. Más tarde, descubrí inadvertidamente un toque. ¡El resultado está bien! Gracias al equipo Clouda de Baidu Cloud aquí, ¡eres realmente vaca! Intersección Intersección Preste atención aquí de que Zepto en sí no tiene el método Animate ().
Si cree que este plug -in tiene errores o deficiencias, deje un mensaje, lo modificaré a tiempo, ¡gracias!
El siguiente es el código completo que enrollaba perfectamente hacia arriba en función del terminal móvil de Zepto y toca el enchufe deslizante hacia arriba y hacia abajo:
Parte de HTML:
<! No> <title> Documentos no título </title> <style>*{margen: 0; Oculto; > <ul> <li> 111111111111222222 </li> <li> 22222222202 </li> <li> 33333333303 </li> <li> 44444444404 </li> <li> 5555555505 </li> <li> 666666606 </// Li> <li> 1111111111 </li> <li> 2222222202 </li> <li> 33333333303 </li> <li> 4444444404 </li> <li> 555555555555 </li> <li> 666666606 </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 ({velocidad: 50, cuanto mayor sea el valor del valor, más lento será el más lento línea de velocidad: 10 / /toque el número de rollos}));}) </script> </body>Plug -in zepto.textslider.js Part:
/ ** TextSlider 0.1* Copyright (c) 2014 Tnnyang* Dependencia Zepto V1.1.6 & fx.js & touch-0.min.js* autor por*/ (function ($) {$ .fn.text slider = function ( Opciones) {// Configuración predeterminada Var predeterminada = {velocidad: 40, // Velocidad de rodadura, cuanto mayor sea el valor, más lento es el número de filas: 1 // línea de rodadura}; , {} ,, Opciones, opciones); .find (ul) .animate ({margintop: margintop}, 0, function () {var s = math.abs (parseInt ($ (this) .css (margin-top)); if (s> = 20) { superior = 0; this)); (ul); Erval ($ Timer);}); // Swipe 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 (). ; i = 0; margen (margen (margen (margen (margen -top, 0);}}); // el final del touch_this.on ('touchend', function (ev) {ev.preventDefault (); if ($.Heryigh ()> _this.heigh ())) {) {) {) {) {marquee (_this, velocidad);}});});}});Lo anterior es todo el contenido de este artículo.