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

 更新时间:2015年01月05日 10:12:39   投稿:hebedich  
这篇文章主要介绍了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;
                }
            });
        });

核心代码很简单,实现的效果却非常不错,这里推荐给小伙伴们。

相关文章

  • 基于jQuery实现选项卡效果

    基于jQuery实现选项卡效果

    这篇文章主要为大家详细介绍了基于jQuery实现选项卡效果的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • jq给页面添加覆盖层遮罩的实例

    jq给页面添加覆盖层遮罩的实例

    下面小编就为大家带来一篇jq给页面添加覆盖层遮罩的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • jQuery实现表格行上下移动和置顶效果

    jQuery实现表格行上下移动和置顶效果

    本文给大家分享的是一款由jQuery实现的表格行上下移动以及置顶效果的代码,非常的简单实用,这里给出了核心代码,有需要的小伙伴可以参考下。
    2015-06-06
  • jQuery获取某天的农历日期并判断是否除夕或新年的方法

    jQuery获取某天的农历日期并判断是否除夕或新年的方法

    这篇文章主要介绍了jQuery获取某天的农历日期并判断是否除夕或新年的方法,涉及jQuery针对日期与时间的相关操作技巧,需要的朋友可以参考下
    2016-03-03
  • jquery中用jsonp实现搜索框功能

    jquery中用jsonp实现搜索框功能

    这篇文章主要为大家详细介绍了jquery中用jsonp实现搜索框功能的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • jQuery实现checkbox的简单操作

    jQuery实现checkbox的简单操作

    这篇文章主要介绍了jQuery实现checkbox的简单操作,对复选框组的全选、全不选、不全选,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • jQuery自定义多选下拉框效果

    jQuery自定义多选下拉框效果

    这篇文章主要为大家详细介绍了jQuery自定义多选下拉框效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • jquery控制显示服务器生成的图片流

    jquery控制显示服务器生成的图片流

    这篇文章主要介绍了jquery控制显示服务器生成的图片流,需要的朋友可以参考下
    2015-08-08
  • jQuery 插件仿百度搜索框智能提示(带Value值)

    jQuery 插件仿百度搜索框智能提示(带Value值)

    因公司需要做一个仿百度搜索框,并且带Value值的, 网上找了下只有Text, 都没带Value的 所以做了个,代码给予简单的注释,结构很清晰,很容易看懂,感兴趣的朋友可以了解下
    2013-01-01
  • JQuery遍历元素的后代和同胞实现方法

    JQuery遍历元素的后代和同胞实现方法

    下面小编就为大家带来一篇JQuery遍历元素的后代和同胞实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09

最新评论