O plug -in é escrito pelo autor deste blog.
O projeto móvel da empresa é baseado no ZEPTO. Então, eu fui ao site oficial da Zepto para visualizar sua API, mas descobri que, se você deseja usar o método Zepto Swipe (), você precisa citar o arquivo Touch.js que ele foi embalado. O site oficial não pode ser aplicado ao método Swipe (), por isso está confuso e continue a verificar as informações. A razão. Mais tarde, eu descobri inadvertidamente um toque.js desenvolvido pela equipe do Baidu Cloud Cloud (atualmente, o JS também é mantido por essa equipe). O resultado está ok! Graças à equipe Clouda da Baidu Cloud aqui, você é realmente vaca! Interseção Interseção Preste atenção aqui que o próprio Zepto não possui o método Animate ().
Se você acha que este plug -in tem bugs ou deficiências, deixe uma mensagem, eu o modificarei a tempo, obrigado!
A seguir, é apresentado o código completo que enrolou perfeitamente para cima com base no terminal móvel do Zepto e tocam o plugue deslizante -para cima e para baixo:
Parte HTML:
<! Não> Title oculto; > <ul> <li> 111111111112222222 </li> <li> 2222222202 </li> <li> 3333333303 </li> <li> 4444444404 </li> <li> 555555505 </Li> <li> li> <li> 1111111111 /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> <cript> $ (function () {$ () {$ (. box) .textSlider ({speed: 50, quanto maior o valor do valor, mais lento o Linha de velocidade: 10 / /toque o número de rolos}));}) </sCript> </body>Plug -in zepto.textslider.js parte:
/ ** TextSlider 0.1* Copyright (c) 2014 Tnnyang* Dependência Zepto v1.1.6 & fx.js & touch-0.min.js* autor por*/ (function ($) {$ .fn.text slider = function (função ( opções) {// Configuração padrão var defaults = {speed: 40, // Velocidade de rolagem, quanto maior o valor, mais lento o número de linhas: 1 // Linha de rolagem}; , {} ,, Padrões, opções); .find (ul) .animate ({margintop: margintop}, 0, function () {var s = math.abs (parseint ($ (this) .css (margin-top)); if (s> = 20) { TOP = 0; isto)); (ul); if ($ ul.Height ()> _This.head ()) {marquee (_This, speed);} // toque start_this.on ('touchstart', function (ev) {ev.preventdefault (); Erval ($ timer);}); )) {for (i = 0; i <opts.line; i ++) {$ ul.find (li) .first (). ; i = 0; margem (margem (margem (margem (margem -top, 0);}}); // o final do touch_this.on ('thequend', function (ev) {ev.preventdefault (); if ($ ul.heryighigh ()> _This.heigh ())) {) {) {) {) {marquee (_This, speed);}});});}});O acima é todo o conteúdo deste artigo.