源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

jQuery实现鼠标滚轮动态改变样式或效果

  • 时间:2021-09-18 13:32 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery实现鼠标滚轮动态改变样式或效果
代码如下:
[u]复制代码[/u] 代码如下:
$(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;                 }             });         });
核心代码很简单,实现的效果却非常不错,这里推荐给小伙伴们。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部