Heim > Web-Frontend > js-Tutorial > Hauptteil

Einfaches jQuery-Scroll-Plugin

高洛峰
Freigeben: 2016-11-25 13:46:15
Original
1493 Leute haben es durchsucht

/**

* 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

    Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    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
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage