新聞中心
zblog 2.1分類導(dǎo)航欄目如何高亮顯示
小編今天在研究zblog 2.1發(fā)現(xiàn)zblog 2.1中是沒有提供導(dǎo)航欄欄目以及css樣式的。讓小編很是頭疼,一般情況下要想給分類欄目的導(dǎo)航條高亮顯示是不能實(shí)現(xiàn)的,這么下去的話也導(dǎo)致了導(dǎo)航欄目無法實(shí)現(xiàn)功能。但是也并不是說完全沒有方法的無憂小編總結(jié)了一種方法可以通過jquery和正則表達(dá)式匹配實(shí)現(xiàn)這個功能,以下是無憂小編的方法。 首先加載jQuery庫:代碼如下 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script> 然后在導(dǎo)航下面添加JS代碼: <script type="text/javascript"> $("#menu>ul>li>a").each(function() { if ($(this).attr("href").toLowerCase().replace(/\/|[&#].*/g,"") == document.URL.toLowerCase().replace(/\/|[&#].*/g,"")){ $(this).attr("class","current"); //給當(dāng)前頁的<a>加上class="current",如<a class="current">首頁</a> } }); </script> 之后還可以添加JS代碼之后。在添加.current進(jìn)行css美化,下面是無憂小編的例子,如果喜歡自己設(shè)計(jì)的朋友們也可以自己設(shè)計(jì)喲! #menuli a.current{background:#000;color:#fff;} 無憂主機(jī)相關(guān)文章推薦閱讀: ZBLOG文章無圖片時隨機(jī)顯示圖片的方法 ZBLOG程序修改文章發(fā)布默認(rèn)瀏覽數(shù)教程分享 ZBLOG PHP版本博客站點(diǎn)偽靜態(tài)規(guī)則(URL重寫)配置 Z-BLOG(PHP)后臺管理員密碼忘記了咋辦,直接工具登陸
本文地址:http://www.gle-technology.com/zblog/15212.html