.active動態使用實現導航效果

這次帶給大家.active動態使用實現導航效果，.active動態使用實現導航效果的注意事項有哪些，下面就是實戰案例，一起來看一下。

透過jq取得你開啟頁面的連結 window.location.pathname;

# 在HTML中為自己的li加入一個ID id的命名與網址連結中的href相同

# 透過jq包含方法找到相對應的li給他加入active類別名稱 

# 然後。 。就沒有然後了。 。 。

jq程式碼：

$(function() {
 varli = $(".title_ul").children("li");
 for(vari = 0; i <p style="text-align: left;">
html程式碼：</p><pre class="brush:php;toolbar:false">
<p>
 </p>

 
• 页面1
 
• 页面2
 
• 页面3
 
• 页面4
 
• 页面5
 

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

jQuery做出滑鼠滾輪動作圖片縮放小

jQuery實作回到頂部功能

以上是.active動態使用實現導航效果的詳細內容。更多資訊請關注PHP中文網其他相關文章！