實(shí)例分享jQuery動(dòng)態(tài)添加.active實(shí)現(xiàn)導(dǎo)航效果代碼
來(lái)源:懂視網(wǎng)
責(zé)編:小采
時(shí)間:2020-11-27 20:08:31
實(shí)例分享jQuery動(dòng)態(tài)添加.active實(shí)現(xiàn)導(dǎo)航效果代碼
實(shí)例分享jQuery動(dòng)態(tài)添加.active實(shí)現(xiàn)導(dǎo)航效果代碼:本文主要介紹了jQuery動(dòng)態(tài)添加.active 實(shí)現(xiàn)導(dǎo)航效果代碼思路詳解,需要的朋友可以參考下,希望能幫助到大家。 代碼思路:頁(yè)面4:頁(yè)面5:代碼思路:通過(guò)jq獲取你打開(kāi)頁(yè)面的鏈接 window.location.pathname;在HTML中給自己的li加入一個(gè)ID id的命名與網(wǎng)址鏈
導(dǎo)讀實(shí)例分享jQuery動(dòng)態(tài)添加.active實(shí)現(xiàn)導(dǎo)航效果代碼:本文主要介紹了jQuery動(dòng)態(tài)添加.active 實(shí)現(xiàn)導(dǎo)航效果代碼思路詳解,需要的朋友可以參考下,希望能幫助到大家。 代碼思路:頁(yè)面4:頁(yè)面5:代碼思路:通過(guò)jq獲取你打開(kāi)頁(yè)面的鏈接 window.location.pathname;在HTML中給自己的li加入一個(gè)ID id的命名與網(wǎng)址鏈
本文主要介紹了jQuery動(dòng)態(tài)添加.active 實(shí)現(xiàn)導(dǎo)航效果代碼思路詳解,需要的朋友可以參考下,希望能幫助到大家。
代碼思路:
頁(yè)面4:

頁(yè)面5:

代碼思路:
通過(guò)jq獲取你打開(kāi)頁(yè)面的鏈接 window.location.pathname
;
在HTML中給自己的li加入一個(gè)ID id的命名與網(wǎng)址鏈接中的href相同
通過(guò)jq包含方法找到相對(duì)應(yīng)的li給他加入active類名
然后。就沒(méi)有然后了。。
jq代碼:
html代碼:
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
實(shí)例分享jQuery動(dòng)態(tài)添加.active實(shí)現(xiàn)導(dǎo)航效果代碼
實(shí)例分享jQuery動(dòng)態(tài)添加.active實(shí)現(xiàn)導(dǎo)航效果代碼:本文主要介紹了jQuery動(dòng)態(tài)添加.active 實(shí)現(xiàn)導(dǎo)航效果代碼思路詳解,需要的朋友可以參考下,希望能幫助到大家。 代碼思路:頁(yè)面4:頁(yè)面5:代碼思路:通過(guò)jq獲取你打開(kāi)頁(yè)面的鏈接 window.location.pathname;在HTML中給自己的li加入一個(gè)ID id的命名與網(wǎng)址鏈