從網(wǎng)上找到了一個膠囊式的導航菜單，但是運行之后發(fā)現(xiàn)，并不能實現(xiàn)切換的功能（選中另一個菜單，上一個菜單的高亮背景取消，新選中的菜單高亮背景顯示），是因為缺少js實現(xiàn)切換功能，現(xiàn)在小編告訴大家如何使用js實現(xiàn)菜單切換。

原膠囊式菜單地址：http://www.ziqiangxuetang.com/try/bootstrap3-navigation-basicpills/

加入js能切換的代碼：

基本的膠囊式導航菜單

Home
SVN
iOS
VB.Net
Java
PHP

這樣就可以啦，但是有可能會有一個問題，就是標簽中的鏈接為其他地址時，因為會跳轉到其他頁面，造成刷新，那么class="active"這個屬性還是會默認在原來設定的標簽上，這種情況下可以在標簽中添加PHP代碼（如果是PHP中使用bootstrap的話，其他語言也可以相應的改），比如

>百度
>騰訊

這樣的話就沒有什么問題了。

創(chuàng)新互聯(lián)www.cdcxhl.cn，專業(yè)提供香港、美國云服務器，動態(tài)BGP最優(yōu)骨干路由自動選擇，持續(xù)穩(wěn)定高效的網(wǎng)絡助力業(yè)務部署。公司持有工信部辦法的idc、isp許可證， 機房獨有T級流量清洗系統(tǒng)配攻擊溯源，準確進行流量調(diào)度，確保服務器高可用性。佳節(jié)活動現(xiàn)已開啟，新人活動云服務器買多久送多久。