Heim  >  Artikel  >  Web-Frontend  >  Einfaches jQuery-Scroll-Plugin

Einfaches jQuery-Scroll-Plugin

高洛峰
高洛峰Original
2016-11-25 13:46:151482Durchsuche

/**

* Rolling Advertising (Link) Plug-in

*

* Ich habe dieses „JQ-Plug-In“ aufgrund der Anforderungen der Website geschrieben Wissen Sie, ob es den Standards des jq-Plug-ins entspricht. ^^^

*

* Der beim Anzeigen von Listenelementen verwendete Effekt ist jqs FadeIn Verhalten, führen Sie den folgenden Code aus

* rollbar.setShowHandler(function(currentItem){});

* wobei currentItem die jq-Objektinstanz des anzuzeigenden Elements ist

*

* durch Aufruf von $.rollbar get(containerId) Ruft die Rollbar ab, die an diese Container-ID gebunden ist (kein # erforderlich, null zurückgeben

*

).

* Verwendung:

* $ (function(){                                                                                                  > Die Klasse des Listenelements (z. B.

  • )

    // 3000 -> Das rollierende Zeitintervall in Millisekunden

    // "aktuell" -> Zusätzliche Klasse für Anzeigeelemente, jedes angezeigte Element enthält diese Klasse

    var rollbar = $.rollbar.start("rollbar","item","current" ,3000); // Nach dem Aufruf beginnt das Scrollen

    $ ("#roll-button-prev").click(function(){

                   rollbar.prev();                                                                                                                                                   🎜>

    ext(); // Nächstes Element anzeigen

    });

    $(".rollbar-item-a").each (function(){

                                                                                                                                                      Maus

    $(this).mouseout (function(){

    rollbar.restart(); // Scrollen beginnen

    });

    });

    });

    *

    * Autor: pcenshao

    * Website: http://www.todayx.org (Today in History)

    * Homepage: http: //hi.csdn.net/pywepe

    * E-Mail: pcenshao@qq.com

    */

    Hinweis: Da es sich um ein „Plug-in“ von jQuery handelt, hängt es natürlich von jQuery

    Stellungnahme:
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn