Maison > interface Web > js tutoriel > jQuery réalise la molette de la souris pour changer dynamiquement le style ou effect_jquery

jQuery réalise la molette de la souris pour changer dynamiquement le style ou effect_jquery

WBOY
Libérer: 2016-05-16 16:22:05
original
1393 Les gens l'ont consulté

Le code est le suivant :

Copier le code Le code est le suivant :

$(window).scroll(function() {
              var scrolls = $(this).scrollTop();
                $(".context_block").each(function(){ //Élément de niveau bloc avec le nom de classe "context_block"
              var hauteur = $(this).height();
Si($(this).position().top height-60> scrolls){
                                                                                                                                           var _index = $(".context_block").index($(this));
à travers $($(".menu a")[_index]).addClass("hover_mobileLink");//Changer dynamiquement le style de la balise a sous l'élément de niveau bloc avec la classe "menu" (ajouter ou supprimer une classe)
                         return false ;
                }
            });
        });

Le code de base est très simple, mais l'effet de mise en œuvre est très bon, je le recommande à mes amis ici.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal