jQuery實現(xiàn)鼠標(biāo)滾輪動態(tài)改變樣式或效果
更新時間：2015年01月05日 10:12:39 投稿：hebedich
這篇文章主要介紹了jQuery實現(xiàn)鼠標(biāo)滾輪動態(tài)改變樣式或效果,需要的朋友可以參考下
代碼如下：
復(fù)制代碼 代碼如下:
$(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");//動態(tài)改變class為“menu” 的塊級元素下的a標(biāo)簽的樣式（添加或者刪除某個類）
return false;
}
});
});
核心代碼很簡單，實現(xiàn)的效果卻非常不錯，這里推薦給小伙伴們。
您可能感興趣的文章:
- Jquery 點擊按鈕顯示和隱藏層的代碼
- JS/jQuery實現(xiàn)默認(rèn)顯示部分文字點擊按鈕顯示全部內(nèi)容
- JQuery實現(xiàn)動態(tài)表格點擊按鈕表格增加一行
- jQuery實現(xiàn)點擊按鈕彈出可關(guān)閉層的浮動層插件
- jQuery點擊按鈕彈出遮罩層且內(nèi)容居中特效
- jQuery中iframe的操作(點擊按鈕新增窗口)
- jQuery實現(xiàn)點擊按鈕文字變成input框點擊保存變成文字
- Jquery 點擊按鈕自動高亮實現(xiàn)原理及代碼
- jQuery文本框得到與失去焦點動態(tài)改變樣式效果
- Jquery使用css方法改變樣式實例
- jquery關(guān)于頁面焦點的定位(文本框獲取焦點時改變樣式 )
- jQuery實現(xiàn)的點擊按鈕改變樣式功能示例
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了基于jQuery實現(xiàn)選項卡效果的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
下面小編就為大家?guī)硪黄猨q給頁面添加覆蓋層遮罩的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
本文給大家分享的是一款由jQuery實現(xiàn)的表格行上下移動以及置頂效果的代碼，非常的簡單實用，這里給出了核心代碼，有需要的小伙伴可以參考下。2015-06-06
jQuery獲取某天的農(nóng)歷日期并判斷是否除夕或新年的方法
這篇文章主要介紹了jQuery獲取某天的農(nóng)歷日期并判斷是否除夕或新年的方法,涉及jQuery針對日期與時間的相關(guān)操作技巧,需要的朋友可以參考下2016-03-03
這篇文章主要為大家詳細(xì)介紹了jquery中用jsonp實現(xiàn)搜索框功能的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要介紹了jQuery實現(xiàn)checkbox的簡單操作，對復(fù)選框組的全選、全不選、不全選，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要為大家詳細(xì)介紹了jQuery自定義多選下拉框效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了jquery控制顯示服務(wù)器生成的圖片流,需要的朋友可以參考下2015-08-08
因公司需要做一個仿百度搜索框,并且?guī)alue值的, 網(wǎng)上找了下只有Text, 都沒帶Value的 所以做了個,代碼給予簡單的注釋，結(jié)構(gòu)很清晰，很容易看懂，感興趣的朋友可以了解下2013-01-01
下面小編就為大家?guī)硪黄狫Query遍歷元素的后代和同胞實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09