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初学者需要了解10个小技巧
Aug 25 Javascript
深入理解JavaScript系列(6) 强大的原型和原型链
Jan 15 Javascript
jQuery 选择表格(table)里的行和列及改变简单样式
Dec 15 Javascript
用jQuery获取IE9下拉框默认值问题探讨
Jul 22 Javascript
js实现的复制兼容chrome和IE
Apr 03 Javascript
javascript实现输出指定行数正方形图案的方法
Aug 03 Javascript
详解JavaScript基于面向对象之继承
Dec 13 Javascript
Javascript实现的SHA-256加密算法完整实例
Feb 02 Javascript
用js制作淘宝放大镜效果
Oct 28 Javascript
使用get方式提交表单在地址栏里面不显示提交信息
Feb 21 Javascript
ES6学习之变量的两种命名方法示例
Jul 18 Javascript
webpack的pitching loader详解
Sep 23 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
PHP与SQL注入攻击[二]
2007/04/17 PHP
php set_time_limit(0) 设置程序执行时间的函数
2010/05/26 PHP
php实现文件下载实例分享
2014/06/02 PHP
Yii框架 session 数据库存储操作方法示例
2019/11/18 PHP
Mootools 1.2教程 类(一)
2009/09/15 Javascript
JQuery通过Ajax提交表单并返回结果
2011/07/31 Javascript
jQuery获取选中内容及设置元素属性的方法
2014/07/09 Javascript
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
2014/07/29 Javascript
深入理解JavaScript系列(35):设计模式之迭代器模式详解
2015/03/03 Javascript
jQuery基本筛选选择器实例代码
2017/02/06 Javascript
Jquery中attr与prop的区别详解
2017/05/27 jQuery
日期时间范围选择插件:daterangepicker使用总结(必看篇)
2017/09/14 Javascript
vue的无缝滚动组件vue-seamless-scroll实例
2017/12/18 Javascript
学习Vue组件实例
2018/04/28 Javascript
vue.js2.0 实现better-scroll的滚动效果实例详解
2018/08/13 Javascript
基于vue和react的spa进行按需加载的实现方法
2018/09/29 Javascript
微信小程序引用iconfont图标的方法
2018/10/22 Javascript
vue实现菜单切换功能
2019/05/08 Javascript
10种JavaScript最常见的错误(小结)
2019/06/21 Javascript
微信小程序 textarea 层级过高问题简单解决方案
2019/10/14 Javascript
js实现简单的秒表
2020/01/16 Javascript
JS绘图Flot如何实现可选显示曲线图功能
2020/10/16 Javascript
用smtplib和email封装python发送邮件模块类分享
2014/02/17 Python
在python中将list分段并保存为array类型的方法
2019/07/15 Python
10分钟用python搭建一个超好用的CMDB系统
2019/07/17 Python
如何利用python之wxpy模块玩转微信
2020/08/17 Python
Python实现EM算法实例代码
2020/10/04 Python
基于 Python 实践感知器分类算法
2021/01/07 Python
New Balance波兰官方商城:始于1906年,百年慢跑品牌
2017/08/15 全球购物
Gretna Green中文官网:苏格兰格林小镇
2019/10/16 全球购物
旅游管理毕业生自荐书
2014/02/02 职场文书
商务日语专业毕业生自荐信
2014/03/27 职场文书
运动会入场口号
2014/06/07 职场文书
物业工程部主管岗位职责
2015/04/16 职场文书
同学聚会祝酒词
2015/08/10 职场文书
如何更改Win11声音输出设备?Win11声音输出设备四种更改方法
2022/04/08 数码科技