javascript實現當前頁導航激活javascript

javascript實現當前頁導航激活

之前寫過一篇導航效果,效果是有的,但是左遼同學所沒有效果,我就再寫這篇javascript實現當前頁導航激活,希望像左遼同學類似的問題得到解決!

(這個不是我寫的,在逛大前段的時候偶然發現了,然後就學習了...)

html(引用大前端的導航,不可用#代替鏈接,測試可以新建幾個靜態頁面)

首頁

html/css

javascript

seo

前端新聞

javascript(給當前頁面指定導航加了.on的class)

$(function() {

var a1 = document.url;

var a2 = $(“#nav a”);

for (var i = 0; i

css(根據自己的需求做相關調整)

#nav li{display:inline-block;float:left;text-align:center;height:36px;padding-left:4px;line-height:36px;background:url(http://img.daqianduan.com/ui/nav.gif) no-repeat right bottom;}

#nav li a{display:block;color:#777;padding:0 15px 0 10px;}

#nav li.on{font-weight:bold;background:url(http://img.daqianduan.com/ui/nav.gif) no-repeat 0 0;margin-left:-3px;}

#nav li.on a{background:url(http://img.daqianduan.com/ui/nav.gif) no-repeat right 0;}

綠色通道:好文要頂關注我收藏該文與我聯繫

posted @ 2011-05-02 11:52 三m三 閱讀(1225) 評論(3)編輯 收藏

發表評論

2084816

回覆 引用 查看

#1樓 2011-05-02 12:47 o0可可奶茶0o

謝謝

回覆 引用 查看

#2樓 2011-05-02 16:59 huyong

well.

回覆 引用 查看

#3樓 2011-05-02 21:31 thinkquan

非常不錯!

刷新評論列表刷新頁面返回頁首

發表評論

暱稱: [登錄]

[註冊]

主頁:

郵箱:(僅博主可見)

驗證碼:看不清。
       換一個

評論內容:

記住我的暱稱和主頁

-->

登錄註冊

[使用ctrl+enter鍵快速提交評論]

0

2034311

rcg+oge0w5q=

首頁博問閃存新聞園子招聘知識庫

最新it新聞:

·小米曬餘額：支付寶昨日到賬1.22億

·windows 7官方rss動態主題：《昆蟲》

·撿到iphone 4s玩自拍 icloud同步釀悲劇

·鐵道部購票網站存泄密危險 cdn服務商技術短板是主因

·利用 mimo magictouch 打造另類的平板電腦

» 更多新聞...

最新知識庫文章:

·設計師的品牌意識

·如何成爲“10倍效率”開發者

·快速排序（quicksort）的javascript實現

·wcf服務端運行時架構體系詳解[續篇]

·wcf服務端運行時架構體系詳解[下篇]

» 更多知識庫文章...

china-pub 2011秋季教材巡展

china-pub 計算機絕版圖書按需印刷服務

======================================================
在最後，我邀請大家參加新浪APP，就是新浪免費送大家的一個空間，支持PHP+MySql，免費二級域名，免費域名綁定 這個是我邀請的地址，您通過這個鏈接註冊即爲我的好友，並獲贈雲豆500個，價值5元哦！短網址是http://t.cn/SXOiLh我創建的小站每天訪客已經達到2000+了，每天掛廣告賺50+元哦，呵呵，飯錢不愁了，\(^o^)/