网页定位导航特效_技术笔记

麓鹿不迷路 2018-06-07

function hasClass( obj , cls ){
    return obj.className.match( new RegExp( "(\\s|^)" + cls + "(\\s|$)" ) );
}
function removeClass(obj , cls){
    if( hasClass(obj , cls) ){
        var reg = new RegExp( "(\\s|^)" + cls + "(\\s|$)" );
        obj.className = obj.className.replace( reg , "" );
    }
}
function addClass( obj , cls ){
    if( !hasClass( obj , cls ) ){
        obj.className += " " + cls;
    }
}

1赞 · 3采集
凡简 2017-11-26

函数 hasClass removeClass addClass

截图
0赞 · 0采集
凡简 2017-11-26

函数hasClass和removeClass

截图
0赞 · 0采集
慕仙5237505 2017-11-17

js3:

截图
0赞 · 0采集
慕仙5237505 2017-11-17

js2:

截图
0赞 · 0采集
慕仙5237505 2017-11-17

js部分：

截图
0赞 · 0采集
慕仙5237505 2017-11-17

构建函数：has class(),addclass(),remove classs() <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript"> function getclass(obj,name){ var elements = document.getElementsByTagName("*"); var result= []; for(var i=0; i<elements.length; i++){ if(elements[i].className==name){ result.push(elements[i]); } } return result; }

0赞 · 0采集
趋之若鹜 2017-08-30

用正则表达式来判断 cls的值

截图
0赞 · 0采集
慕斯5869526 2017-08-13

利用正则表达式编写addcalss和removeclass

截图
0赞 · 0采集
白小九 2017-07-27

封装removeClass和addClass方法：

截图
0赞 · 0采集
Mr_Jp黎 2017-07-26

"(\\s|^)" + cls + "(\\s|$)" ： \\s 是转义后的\s代表空格，|是或，^表示以cls开始，\\s空格，|或，$表示以cls结尾

0赞 · 0采集
梦魂清风 2017-04-14

原生JS 自己编写removeClass与 addClass的方法

截图
0赞 · 0采集
学习使我进步 2017-03-17

"(\\s|^)" + cls + "(\\s|$)" ： \\s 是转义后的\s代表空格，|是或，^表示以cls开始，\\s空格，|或，$表示以cls结尾

0赞 · 1采集
门掩重关萧寺中 2017-01-24

需要学习正则表达式

0赞 · 0采集
qq_君莫笑_27 2016-11-19

网页定位导航特效 6-3 使用JS实现函数--- addclass和removeclass的方法 JS中没有addclass和removeclass的方法使用正则表达式判断class的存在: obj.className.match(new RegExp("(\\s^)" + cls + "(\\s$)")) 注意：RegExp的参数是字符串，\\是把\转义注意addclass的时候要加空格 chrome :document.documentElement.scrollTop = 0; var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;//不兼容 var top = document.documentElement.scrollTop window.pageYOffset document.body.scrollTop; //

0赞 · 0采集
慕工程2957023 2016-10-15

使用JS实现函数--- addclass和removeclass的方法 JS中没有addclass和removeclass的方法使用正则表达式判断class的存在: obj.className.match(new RegExp("(\\s|^)" + cls + "(\\s|$)")) 注意：RegExp的参数是字符串，\\是把\转义注意addclass的时候要加空格 function hasClass(obj,cls){ return obj.className.match(new RegExp("(\\s|^)"+cls+"(\\s|$)")); } function removeClass(obj,cls){ if(hasClass(obj,cls)){ var reg=new RegExp("(\\s|^)"+cls+"(\\s|$)"); obj.className=obj.className.replace(reg,""); } } function addClass(obj,cls){ if(!hasClass(obj,cls)){ obj.className +=" "+cls; } }

0赞 · 1采集
BeingTowards 2016-10-12

使用JS实现定位导航功能之三实现removeClass和addClass功能

截图
0赞 · 0采集
qweqwe13123123 2016-09-18

判断是非有class 1.移除class 2.添加class

截图
0赞 · 0采集
jfhdibrbfjd 2016-09-15

正则表达式的校验

0赞 · 0采集
Rising_sune 2016-09-07

window.onload=function(){ window.onscroll=function(){ //var top=document.documentElement?document.documentElement.scrollTop:document.body.scrollTop; var top = document.documentElement.scrollTop document.body.scrollTop; var menus=document.getElementById('menu').getElementsByTagName('a'); var items=getByClassName(document.getElementById('content'),'item'); var currentId=""; for(var i=0;i<items.length;i++){ var _item=items[i]; var _itemsTop=_item.offsetTop; if(top>_itemsTop-200){ currentId=_item.id; } else{ break; } } if(currentId){ for (var j=0; j <menus.length; j++) { var _menu=menus[j]; var _href=_menu.href.split('#'); if (_href[_href.length-1] != currentId) { removeClass(_menu,'current'); }else{ addClass(_menu,'current'); } } } } }

0赞 · 2采集
Rising_sune 2016-09-07

function getByClassName(obj,cls){ var elements=obj.getElementsByTagName('*'); var result=[]; for(var i=0;i<elements.length;i++){ if(elements[i].className==cls){ result.push(elements[i]); } } return result; } function hasClass(obj,cls){ return obj.className.match(new RegExp("(\\s^)"+cls+"(\\s$)")); } function removeClass(obj,cls){ if(hasClass(obj,cls)){ var reg =new RegExp("(\\s^)"+cls+"(\\s$)"); obj.className=obj.className.replace(reg,""); } } function addClass(obj,cls){ if(!hasClass(obj,cls)){ obj.className += " " +cls; } }

0赞 · 1采集
不肖生 2016-08-03

var _href=_menu.href.split("#")[_menu.href.split("#").length-1];

截图
0赞 · 0采集
霜花似雪 2016-07-19

网页定位导航特效 6-3 使用JS实现函数--- addclass和removeclass的方法 JS中没有addclass和removeclass的方法使用正则表达式判断class的存在: obj.className.match(new RegExp("(\\s^)" + cls + "(\\s$)")) 注意：RegExp的参数是字符串，\\是把\转义注意addclass的时候要加空格 chrome :document.documentElement.scrollTop = 0; var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;//不兼容 var top = document.documentElement.scrollTop window.pageYOffset document.body.scrollTop; //

0赞 · 2采集
梦编猿 2016-06-24

@代码如图 Ps：JS中没有addclass和removeclass的方法。首先使用正则表达式判断class的存在。注意：addclass 的时候要加空格。【温馨提示：JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等编程爱好者关注我，加我慕课好友，互相学习，共同进步！】

截图
0赞 · 0采集
楚初 2016-03-14

addClass

截图
0赞 · 0采集
楚初 2016-03-14

removeClass 替换replace 为空

截图
0赞 · 0采集
楚初 2016-03-14

使用正则表达式判断是否存在指定的classname

截图
0赞 · 0采集
lann 2016-03-12

chrome :document.documentElement.scrollTop = 0; var top = document.documentElement ? document.documentElement.scrollTop : document.body.scrollTop;//不兼容 var top = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; //

0赞 · 0采集
203 2016-03-12

为js加redmoveClass类，和addClass类

截图
0赞 · 0采集
203 2016-03-12

js核心代码

截图
0赞 · 0采集

数据加载中...