新聞中心
帝國CMS通用方式:js高亮顯示導(dǎo)航欄代碼
使用帝國CMS的用戶一定知道靈動標(biāo)簽(e:loop調(diào)用標(biāo)簽)很好用,稱得上是萬能標(biāo)簽,當(dāng)然實現(xiàn)這個導(dǎo)航代碼也想比較熟悉的;大部分用戶都適用靈動標(biāo)簽來實現(xiàn)這個功能,今天無憂主機小編給大家介紹用javascript代碼來實現(xiàn)這個導(dǎo)航欄,如果您需要的話,那就來試試吧; 以下無憂主機小編拿自己的帝國CMS演示站為例,其實是很簡單的修改: <div class="header"> <ul class="menu mct" id="navi"> <li><a href="/">首頁</a></li> <li><a href="/wangluodongtai/">網(wǎng)絡(luò)動態(tài)</a></li> <li><a href="/youhuajiqiao/">優(yōu)化技巧</a></li> <li><a href="/huozaidangxia/">活在當(dāng)下</a></li> <li><a href="/woaibiancheng/">我愛編程</a></li> <li><a href="/xiaojiqiao/">小技巧</a></li> <li><a href="/hulianwangwen/">互聯(lián)網(wǎng)文</a></li> </ul> </div> <script type="text/javascript" language="javascript"> var nav = document.getElementById("navi"); var links = nav.getElementsByTagName("li"); var lilen = nav.getElementsByTagName("a"); //判斷地址 var currenturl = document.location.href; var last = 0; for (var i=0;i<links.length;i++) { var linkurl = lilen[i].getAttribute("href"); if(currenturl.indexOf(linkurl)!=-1) { last = i; } } links[last].className = "menufirst"; //高亮代碼樣式 </script> 說明:<ul class="menu mct" id="navi">中的ID值(id="navi")要和 var nav = document.getElementById("navi"); 中的想同,即在js中獲取id="navi" 值,這個值要唯一,不能跟其它CSS或JS代碼中ID同名,或者自己改成別的名字。效果圖如下: 無憂主機相關(guān)文章推薦閱讀: 帝國CMS程序如何為網(wǎng)站添加PNG透明度水印 帝國CMS內(nèi)容管理系統(tǒng)怎么安裝UEDITOR編輯器 帝國CMS后臺登陸后立刻退出到登陸界面,提示“未登錄”
本文地址:http://www.gle-technology.com/empirecms/14579.html