Heim > Web-Frontend > js-Tutorial > jQuery realisiert das Mausrad, um den Stil oder Effekt_jquery dynamisch zu ändern

jQuery realisiert das Mausrad, um den Stil oder Effekt_jquery dynamisch zu ändern

WBOY
Freigeben: 2016-05-16 16:22:05
Original
1406 Leute haben es durchsucht

Der Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:

$(window).scroll(function() {
              var scrolls = $(this).scrollTop();
                $(".context_block").each(function(){ //Element auf Blockebene mit dem Klassennamen „context_block“
              var height = $(this).height();
If($(this).position().top height-60> scrolls){
                                                                                                                                    var _index = $(".context_block").index($(this));
durch $($(".menu a")[_index]).addClass("hover_mobileLink");//Den Stil des a-Tags unter dem Element auf Blockebene mit der Klasse „menu“ dynamisch ändern (eine Klasse hinzufügen oder löschen)
                         return false;
                }
            });
        });

Der Kerncode ist sehr einfach, aber der Implementierungseffekt ist sehr gut. Ich empfehle ihn meinen Freunden hier.

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