欧美极品在线观看不卡|国产精品Va免费视频|国产国产人无码在线免费|亚洲精品无码九九九九九|亚洲国产综合精品久久久久|成人国产在线观看高清不卡|制服诱惑一区二区三区六区|国产一区二区精品高清在线观看

新聞中心

zblog 2.1分類導(dǎo)航欄目如何高亮顯示

作者 / 無憂主機(jī) 時間 2014-07-29 11:32:14

小編今天在研究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

1
1
1
1
1
1
1

客戶服務(wù)熱線

0791-8623-3537

在線客服