jquery点击添加class,实现滚动监听
2015-12-08 11:54
711 查看
jquery实现点击添加class
jquery实现滚动监听
$('.silder_bar').children().click(function(){ if($(this).hasClass('active')){ }else{ $(this).addClass('active'); } if($(this).siblings().hasClas 4000 s('active')){ $(this).siblings().removeClass('active'); } })
jquery实现滚动监听
$(window).scroll(function(){ var htmlHeight=$(window).height() var scrollTop=$(window).scrollTop(); //console.log(htmlHeight); //console.log(scrollTop); if(scrollTop<htmlHeight){ $('.silder_bar>a:eq(0)').attr('class','active'); $('.silder_bar>a:eq(0)').siblings().removeClass('active'); }if(scrollTop>htmlHeight&&scrollTop<2*htmlHeight){ $('.silder_bar>a:eq(1)').attr('class','active'); $('.silder_bar>a:eq(1)').siblings().removeClass('active'); }if(scrollTop>2*htmlHeight&&scrollTop<3.8*htmlHeight){ $('.silder_bar>a:eq(2)').attr('class','active'); $('.silder_bar>a:eq(2)').siblings().removeClass('active'); }if(scrollTop>3.8*htmlHeight&&scrollTop<4.8*htmlHeight){ $('.silder_bar>a:eq(3)').attr('class','active'); $('.silder_bar>a:eq(3)').siblings().removeClass('active'); }if(scrollTop>4.8*htmlHeight&&scrollTop<5.8*htmlHeight){ $('.silder_bar>a:eq(4)').attr('class','active'); $('.silder_bar>a:eq(4)').siblings().removeClass('active'); }if(scrollTop>5.8*htmlHeight){ $('.silder_bar>a:eq(5)').attr('class','active'); $('.silder_bar>a:eq(5)').siblings().removeClass('active'); } )
相关文章推荐
- jQuery中一些方法函数的应用(不断补充)
- 浅析jQuery删除节点的三个方法
- jquery操作table
- jQuery HTML节点元素修改、追加的方法
- jQuery操作表格
- jQuery动画模块源码分析之queue,dequeue,clearQueue方法源码分析
- JQuery中根据表单元素动态拼接json 字符串
- jquery autocomplete ajax 传参数
- jquery优雅的自定义函数总结
- JQuery中 json 和字符串直接相互转换
- 前端框架 - Jquery E 4000 asyUI介绍
- jQuery如何返回一个类数组对象,js让一个对象的行为像一个数组一样
- jQuery EasyUI使用教程之将一个HTML表格转换为数据网格
- jquery + ajax 跨域parsererror
- jQuery遮罩层实现方法实例详解(附遮罩层插件)
- jQuery实现的简单提示信息插件
- jquery设置元素的readonly和disabled
- jQueryEasyUI Messager基本使用
- 图片懒加载jquery lazyload
- 如何用jQuery封装插件