ホームページ  >  記事  >  ウェブフロントエンド  >  jQueryはスタイルやeffect_jqueryを動的に変更するマウスホイールを実現します

jQueryはスタイルやeffect_jqueryを動的に変更するマウスホイールを実現します

WBOY
WBOYオリジナル
2016-05-16 16:22:051328ブラウズ

コードは次のとおりです:

コードをコピーします コードは次のとおりです:

$(ウィンドウ).scroll(function() {
var スクロール = $(this).scrollTop();
$(".context_block").each(function(){ //クラス名「context_block」のブロックレベル要素
var height = $(this).height();
If($(this).position().top height-60> スクロール){
var _index = $( "。context_block")。index($(this));
を通して $($(".menu a")[_index]).addClass("hover_mobileLink");//クラス「menu」を使用して、ブロックレベル要素の下の a タグのスタイルを動的に変更します(クラスの追加または削除)
return false;
}
});
});

コアのコードは非常にシンプルですが、実装効果は非常に優れているので、友人にも勧めています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。