【www.gdgbn.com--thinkphp】

//@mr.think---点击实现高亮显示

function highonclick(elemid,classcur) {
if (!document.getelementsbytagname) return false;
if (!document.getelementbyid) return false;
if (!document.getelementbyid(elemid)) return false;
var elemid = document.getelementbyid(elemid);
var links = elemid.getelementsbytagname("a");
for (i = 0; i < links.length; i++) {
links[i].onclick = function() {
for (n = 0; n < links.length; n++) {
links[n].classname = "";
this.classname = classcur;
this.blur();
}
}
}
}

数说明:

1.elemid : 链接组所在id;
2.classcur : 点击后显示的样式class名.
调用方法:

window.onload=function highthis(){highonclick("youid","youhighclass");}

 

//@mr.think---判断url实现菜单高亮显示
function highurl(menuid,classcur){
if(!document.getelementbyid) return false;
if(!document.getelementbyid(menuid)) return false;
if(!document.getelementsbytagname) return false;
var menuid=document.getelementbyid(menuid);
var links=menuid.getelementsbytagname("a");
for(var i=0; i var menulink=links[i].href;
var currentlink=window.location.href;
if(currentlink.indexof(menulink)!=-1){
links[i].classname=classcur;
}
}
}

参数说明:

1.menuid : 链接组所在id;
2.classcur : 高亮显示时的样式class名.

调用方法:

window.onload=function highthis(){highurl("youid","youhighclass");}
第一种方法是通过遍历链接组的href值,通过indexof判断href值是否被包含在浏览器当前url值中.此方法有一定局限,比如对于iframe内的菜单是不能这样判断的; 第二种方法适用范围更广一样,实现思路也比较简单,即通过判断点击,给点击项加载高亮样式.

本文来源:http://www.gdgbn.com/jiaocheng/25519/