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


Posted in Javascript onJanuary 05, 2015

代码如下:

$(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;

                }

            });

        });

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

Javascript 相关文章推荐
JavaScript.Encode手动解码技巧
Jul 14 Javascript
分享精心挑选的12款优秀jQuery Ajax分页插件和教程
Aug 09 Javascript
定时器(setTimeout/setInterval)调用带参函数失效解决方法
Mar 26 Javascript
JS中的构造函数详细解析
Mar 10 Javascript
原生js获取宽高与jquery获取宽高的方法关系对比
Apr 04 Javascript
js设置控件的隐藏与显示的两种方法
Aug 21 Javascript
JS实现随页面滚动显示/隐藏窗口固定位置元素
Feb 26 Javascript
举例说明JavaScript中的实例对象与原型对象
Mar 11 Javascript
bootstrap3 兼容IE8浏览器!
May 02 Javascript
详谈jQuery Ajax(load,post,get,ajax)的用法
Mar 02 Javascript
JavaScript Dom 绑定事件操作实例详解
Oct 02 Javascript
AngularJS实现多级下拉框
Mar 25 Javascript
jquery.cookie.js使用指南
Jan 05 #Javascript
在Google 地图上实现做的标记相连接
Jan 05 #Javascript
js获取时间并实现字符串和时间戳之间的转换
Jan 05 #Javascript
jQuery中attr()方法用法实例
Jan 05 #Javascript
jQuery实现自定义下拉列表
Jan 05 #Javascript
使用javascript实现监控视频播放并打印日志
Jan 05 #Javascript
jQuery圆形统计图开发实例
Jan 04 #Javascript
You might like
3款值得推荐的微信开发开源框架
2014/10/28 PHP
php打开本地exe程序,js打开本地exe应用程序,并传递相关参数方法
2018/02/06 PHP
javascript 无提示关闭窗口脚本
2009/08/17 Javascript
jquery基础教程之deferred对象使用方法
2014/01/22 Javascript
jQuery复制表单元素附源码分享效果演示
2015/09/30 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
2016/02/12 Javascript
BootStrap智能表单实战系列(六)表单编辑页面的数据绑定
2016/06/13 Javascript
jQuery实现鼠标经过购物车出现下拉框代码(推荐)
2016/07/21 Javascript
原生js实现可拖拽效果
2017/02/28 Javascript
JS获取子、父、兄节点方法小结
2017/08/14 Javascript
原生js实现点击轮播切换图片
2020/02/11 Javascript
原生JS实现汇率转换功能代码实例
2020/05/13 Javascript
[01:35]2018年度CS GO最佳战队-完美盛典
2018/12/17 DOTA
python实现多线程的方式及多条命令并发执行
2016/06/07 Python
离线安装Pyecharts的步骤以及依赖包流程
2020/04/23 Python
python+opencv轮廓检测代码解析
2018/01/05 Python
python实现京东秒杀功能
2018/07/30 Python
Python File(文件) 方法整理
2019/02/18 Python
在django中图片上传的格式校验及大小方法
2019/07/28 Python
python 使用while写猜年龄小游戏过程解析
2019/10/07 Python
使用python绘制温度变化雷达图
2019/10/18 Python
Tensorflow的梯度异步更新示例
2020/01/23 Python
使用CSS3实现一个3D相册效果实例
2016/12/03 HTML / CSS
HTML5 Canvas 起步(1) - 基本概念
2009/05/12 HTML / CSS
美国知名的家庭连锁百货商店:Boscov’s
2017/07/27 全球购物
马来西亚在线购物:POPLOOK.com
2019/12/09 全球购物
公司薪酬管理制度
2014/01/31 职场文书
入股协议书
2014/04/14 职场文书
生产车间标语
2014/06/11 职场文书
奥林匹克运动会口号
2014/06/19 职场文书
2016年春节问候语
2015/11/11 职场文书
送给小学生的暑假礼物!小学生必背99首古诗
2019/07/02 职场文书
在前女友婚礼上,用Python破解了现场的WIFI还把名称改成了
2021/05/28 Python
React配置子路由的实现
2021/06/03 Javascript
使用python将HTML转换为PDF pdfkit包(wkhtmltopdf) 的使用方法
2022/04/21 Python
Windows Server 2016 配置 IIS 的详细步骤
2022/04/28 Servers