Heim  >  Artikel  >  Web-Frontend  >  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
WBOYOriginal
2016-05-16 16:22:051328Durchsuche

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.

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