jQuery實現(xiàn)鼠標滾輪動態(tài)改變樣式或效果
更新時間:2015年01月05日 10:12:39 投稿:hebedich
這篇文章主要介紹了jQuery實現(xiàn)鼠標滾輪動態(tài)改變樣式或效果,需要的朋友可以參考下
代碼如下:
復制代碼 代碼如下:
$(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標簽的樣式(添加或者刪除某個類)
return false;
}
});
});
核心代碼很簡單,實現(xiàn)的效果卻非常不錯,這里推薦給小伙伴們。
您可能感興趣的文章:
- Jquery 點擊按鈕顯示和隱藏層的代碼
- JS/jQuery實現(xiàn)默認顯示部分文字點擊按鈕顯示全部內容
- JQuery實現(xiàn)動態(tài)表格點擊按鈕表格增加一行
- jQuery實現(xiàn)點擊按鈕彈出可關閉層的浮動層插件
- jQuery點擊按鈕彈出遮罩層且內容居中特效
- jQuery中iframe的操作(點擊按鈕新增窗口)
- jQuery實現(xiàn)點擊按鈕文字變成input框點擊保存變成文字
- Jquery 點擊按鈕自動高亮實現(xiàn)原理及代碼
- jQuery文本框得到與失去焦點動態(tài)改變樣式效果
- Jquery使用css方法改變樣式實例
- jquery關于頁面焦點的定位(文本框獲取焦點時改變樣式 )
- jQuery實現(xiàn)的點擊按鈕改變樣式功能示例
相關文章
jQuery選擇器源碼解讀(七):elementMatcher函數
這篇文章主要介紹了jQuery選擇器源碼解讀(七):elementMatcher函數,本文講解了源碼、功能、參數、返回函數 等內容,需要的朋友可以參考下2015-03-03jQuery 函數實例分析【函數聲明、函數表達式、匿名函數等】
這篇文章主要介紹了jQuery 函數,結合實例形式分析了jquery函數聲明、函數表達式、匿名函數等相關使用技巧,需要的朋友可以參考下2020-05-05jquery.lazyload 實現(xiàn)圖片延遲加載jquery插件
看到了淘寶產品介紹中,圖片是在下拉滾動條時加載,這是一個很不錯的用戶體驗。減少了頁面加載的時間了,也減輕了服務器的壓力,就查了下用JQuery..2010-02-02