帝國cms使用js+css實現(xiàn)當前欄目高亮效果的方法
發(fā)布時間：2014-07-10 11:54:43 作者：佚名 
我要評論
我要評論這篇文章主要為大家介紹了帝國cms使用js+css實現(xiàn)當前欄目高亮效果的方法,對于進行帝國CMS模板的開發(fā)非常有用！需要的朋友可以參考下
帝國cms使用js+css實現(xiàn)當前欄目高亮效果的解決方法如下：
1.模板頁面部分加入如下代碼:
復制代碼
代碼如下:<li><a id="nav_[!--id--]" href="[!--class.url--]#">link</a></li>
2.js部分代碼如下:
復制代碼
代碼如下:<script>
var cur_nav = document.getElementById("nav_" + [!--self.id--]);
cur_nav.className = "cur";
</script>
var cur_nav = document.getElementById("nav_" + [!--self.id--]);
cur_nav.className = "cur";
</script>
3.css部分代碼如下:
復制代碼
代碼如下:<style>
#nav ul li a.cur {
color:#FFF;
background:#000;
}
</style>
#nav ul li a.cur {
color:#FFF;
background:#000;
}
</style>
用戶還可以根據(jù)自己的喜好調整css樣式，來達到自己滿意的效果！
相關文章
- 這篇文章主要為大家介紹了帝國CMS實現(xiàn)循環(huán)調用子欄目的方法,對于模板的開發(fā)與制作很有借鑒價值,需要的朋友可以參考下2014-07-09
- 有部分帝國CMS用戶在新建了幾個欄目，或者是更新欄目關系后更新數(shù)據(jù)再刷新頁面都沒有反應，不知如何解決。這篇文章主要為大家介紹了帝國cms建立欄目后更新沒有反應的解決辦2014-06-13
- 帝國ecms6.0后已經無法用[!--class.classimg--]直接調用欄目縮略圖了，現(xiàn)在只有用靈動或者萬能標簽才能調用，實現(xiàn)代碼如下2020-01-30
- 這篇文章主要為大家分享下帝國cms相關鏈接無內容時調用當前欄目最熱信息的方法，需要的朋友可以參考下2013-12-13
- 這篇文章主要為大家分享下帝國cms欄目列表模板獲取同級欄目的方法，需要的朋友可以參考下2013-12-12
- 帝國cms 二級域名綁定欄目的最完美的解決方案，需要綁定二級域名的朋友可以參考下。2011-11-10
帝國cms萬能標簽實現(xiàn)標題截取后自動加入省略號的方法
這篇文章主要為大家介紹了帝國cms萬能標簽實現(xiàn)標題截取后自動加入省略號的方法,非常實用,需要的朋友可以參考下2014-07-10帝國cms實現(xiàn)會員注冊之后根據(jù)所在會員組轉向的方法
這篇文章主要為大家介紹了帝國cms實現(xiàn)會員注冊之后根據(jù)所在會員組轉向的方法,對于開發(fā)會員系統(tǒng)來說非常有借鑒價值,需要的朋友可以參考下2014-07-10帝國CMS實現(xiàn)內容頁調用當前會員信息及文章信息的方法
這篇文章主要為大家介紹了帝國CMS實現(xiàn)內容頁調用當前會員信息及文章信息的方法,對于進行會員系統(tǒng)的開發(fā)來說很有借鑒價值！需要的朋友可以參考下2014-07-09- 這篇文章主要為大家介紹了帝國CMS功能解密之字段處理函數(shù),對于帝國CMS的二次來說非常重要,需要的朋友可以參考下2014-07-09