其實思路很簡單,第一種方法是通過遍歷鏈接組 " /> 一个人看的www免费视频中文,永久免费看的啪啪网站,久久大香伊蕉在人线国产联合

一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

兩種簡單實現菜單高亮顯示的JS類代碼

記得當年寫靜態頁時,為了實現高亮都是在每個頁面加不同的樣式,呵.高亮顯示我覺得對于web前端來說,是比較常用到的效果,正好此次又要用到,特地整理出我所寫的兩種高亮類.

其實思路很簡單,第一種方法是通過遍歷鏈接組的href值,通過indexOf判斷href值是否被包含在瀏覽器當前url值中.此方法有一定局限,比如對于iframe內的菜單是不能這樣判斷的; 第二種方法適用范圍更廣一樣,實現思路也比較簡單,即通過判斷點擊,給點擊項加載高亮樣式.

第一種判斷當前URL值高亮類代碼:
復制代碼 代碼如下:
//@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<links.length; 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");}
第二種點擊后高亮顯示當前類:
復制代碼 代碼如下:
//@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");}
此方法擴展性較強,比如可以通過判斷parentNode.nodeName值來使某一類型鏈接不被遍歷,等等.
源碼下載及演示
鑒于有朋友不知道如何使用,我特地整理了一下我之前寫的與這個類有關的頁面,給一個DEMO頁面和下載地址,需要的朋友可以查看或下載.

打包下載地址

JavaScript技術兩種簡單實現菜單高亮顯示的JS類代碼,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 六月丁香深爱六月综合激情 | 台湾swag在线视频 | 久久精品视频99精品视频150 | 欧美一区二区三区婷婷月色 | 91亚洲免费视频 | 最新国产视频 | 91久色视频| 天天爽天天 | 日韩精品在线播放 | 免费a资源 | 午夜视频在线观看国产 | 直接观看黄网站免费视频 | 在线观看一区二区三区四区 | 91视频精品 | 99国产国人青青视频在线观看 | 美女胸又大又www又黄的网站 | 欧美不卡影院 | 男人扒开女人腿使劲桶动态图 | a级黄色网址 | 久久精品国产无限资源 | 国产精品中文 | 美女脱了内裤打开腿让人桶网站o | 99精品久久久久久久免费看蜜月 | 亚洲第一页在线观看 | 国产精品一区二区国产 | 国产美女精品一区二区三区 | 国产精品91av | 色哟哟视频在线观看 | 国产精品自在自线免费观看 | 免费韩国美女爽快一级毛片 | 永久免费av网站 | 中文字幕一二三区 | 日韩美女毛片 | 色综合天天综合网国产成人网 | 国产在线一区二区 | 综合丁香 | 久热网| 91在线免费播放 | 九九精品视频在线 | 色亚洲影院 | 日本精品久久久久久久久免费 |