jQuery實(shí)現(xiàn)鼠標(biāo)滾輪動(dòng)態(tài)改變樣式或效果

更新時(shí)間：2015年01月05日 10:12:39 投稿：hebedich

這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)滾輪動(dòng)態(tài)改變樣式或效果,需要的朋友可以參考下

代碼如下：

$(window).scroll(function() { 

            var scrolls = $(this).scrollTop();

            $(".context_block").each(function(){ //類名為“context_block”的塊級(jí)元素

                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");//動(dòng)態(tài)改變class為“menu” 的塊級(jí)元素下的a標(biāo)簽的樣式（添加或者刪除某個(gè)類）

                    return false;

                }

            });

        });

核心代碼很簡(jiǎn)單，實(shí)現(xiàn)的效果卻非常不錯(cuò)，這里推薦給小伙伴們。

您可能感興趣的文章:

相關(guān)文章

基于jQuery實(shí)現(xiàn)選項(xiàng)卡效果
這篇文章主要為大家詳細(xì)介紹了基于jQuery實(shí)現(xiàn)選項(xiàng)卡效果的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
jq給頁面添加覆蓋層遮罩的實(shí)例
下面小編就為大家?guī)硪黄猨q給頁面添加覆蓋層遮罩的實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-02-02
jQuery實(shí)現(xiàn)表格行上下移動(dòng)和置頂效果
本文給大家分享的是一款由jQuery實(shí)現(xiàn)的表格行上下移動(dòng)以及置頂效果的代碼，非常的簡(jiǎn)單實(shí)用，這里給出了核心代碼，有需要的小伙伴可以參考下。
2015-06-06
jQuery獲取某天的農(nóng)歷日期并判斷是否除夕或新年的方法
這篇文章主要介紹了jQuery獲取某天的農(nóng)歷日期并判斷是否除夕或新年的方法,涉及jQuery針對(duì)日期與時(shí)間的相關(guān)操作技巧,需要的朋友可以參考下
2016-03-03
jquery中用jsonp實(shí)現(xiàn)搜索框功能
這篇文章主要為大家詳細(xì)介紹了jquery中用jsonp實(shí)現(xiàn)搜索框功能的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-10-10
jQuery實(shí)現(xiàn)checkbox的簡(jiǎn)單操作
這篇文章主要介紹了jQuery實(shí)現(xiàn)checkbox的簡(jiǎn)單操作，對(duì)復(fù)選框組的全選、全不選、不全選，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11
jQuery自定義多選下拉框效果
這篇文章主要為大家詳細(xì)介紹了jQuery自定義多選下拉框效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-06-06
jquery控制顯示服務(wù)器生成的圖片流
這篇文章主要介紹了jquery控制顯示服務(wù)器生成的圖片流,需要的朋友可以參考下
2015-08-08
jQuery 插件仿百度搜索框智能提示(帶Value值)
因公司需要做一個(gè)仿百度搜索框,并且?guī)alue值的, 網(wǎng)上找了下只有Text, 都沒帶Value的所以做了個(gè),代碼給予簡(jiǎn)單的注釋，結(jié)構(gòu)很清晰，很容易看懂，感興趣的朋友可以了解下
2013-01-01
JQuery遍歷元素的后代和同胞實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄狫Query遍歷元素的后代和同胞實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-09-09