小編今天在研究zblog 2.1發(fā)現(xiàn)zblog 2.1中是沒(méi)有提供導(dǎo)航欄欄目以及css樣式的。讓小編很是頭疼，一般情況下要想給分類欄目的導(dǎo)航條高亮顯示是不能實(shí)現(xiàn)的，這么下去的話也導(dǎo)致了導(dǎo)航欄目無(wú)法實(shí)現(xiàn)功能。但是也并不是說(shuō)完全沒(méi)有方法的無(wú)憂小編總結(jié)了一種方法可以通過(guò)jquery和正則表達(dá)式匹配實(shí)現(xiàn)這個(gè)功能，以下是無(wú)憂小編的方法。 首先加載jQuery庫(kù)：代碼如下 <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)前頁(yè)的<a>加上class="current"，如<a class="current">首頁(yè)</a> } }); </script> 之后還可以添加JS代碼之后。在添加.current進(jìn)行css美化，下面是無(wú)憂小編的例子，如果喜歡自己設(shè)計(jì)的朋友們也可以自己設(shè)計(jì)喲！ #menuli a.current{background:#000;color:#fff;} 無(wú)憂主機(jī)相關(guān)文章推薦閱讀： ZBLOG文章無(wú)圖片時(shí)隨機(jī)顯示圖片的方法 ZBLOG程序修改文章發(fā)布默認(rèn)瀏覽數(shù)教程分享 ZBLOG PHP版本博客站點(diǎn)偽靜態(tài)規(guī)則（URL重寫）配置 Z-BLOG(PHP)后臺(tái)管理員密碼忘記了咋辦，直接工具登陸

本文地址：http://www.love62.cn/zblog/15212.html