DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery實現鼠標滾輪動態改變樣式或效果
jQuery實現鼠標滾輪動態改變樣式或效果
編輯:JQuery特效代碼     

代碼如下:

代碼如下:
$(window).scroll(function() {
            var scrolls = $(this).scrollTop();
            $(".context_block").each(function(){ //類名為“context_block”的塊級元素
                var height = $(this).height();
                if($(this).position().top + height-60> scrolls){
                    var _index = $(".context_block").index($(this));
                    $(".menu  a").parent().siblings().contents("a").removeClass("hover_mobileLink");   
                    $($(".menu  a")[_index]).addClass("hover_mobileLink");//動態改變class為“menu” 的塊級元素下的a標簽的樣式(添加或者刪除某個類)
                    return false;
                }
            });
        });

核心代碼很簡單,實現的效果卻非常不錯,這裡推薦給小伙伴們。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved