В этой статье описывается метод JavaScript для реализации текущей активации навигации страницы. Поделитесь этим для вашей ссылки. Детали следующие:
HTML Part (навигация с ссылкой, недоступная # вместо ссылок, тест может создать несколько новых статических страниц)
<ul id = "Nav"> <li> <a href = "/"> home </a> </li> <li> <a href = "/category/html-css/"> html/css </a> </li> <li> <a href = "/javascript/"> javascript </a> <li> <li> <li> <li> <li> <li> <li> <li> href = "/category/seo/"> seo </a> </li> <li> <a href = "/category/front-end/"> front-end news </a> </li> </ul>
Часть JavaScript (укажите навигацию текущей страницы с добавленным классом))
$ (function () {var a1 = document.url; var a2 = $ ("#nav a"); for (var i = 0; i <a2.length; i ++) {if (a1.indexof ($ (a2 [i]). attr ("href"))! = -1) {$ (a2 [i]). parent (). addclass ("on"); return;}} $ (a2 [0]). parent (). addclass ("on");})Часть CSS (соответствующие корректировки могут быть внесены в соответствии с вашими потребностями)
#nav li {display: inline block; float: слева; li.on {font-weight: bold; fachine: url (image/nav.gif) без повторного перепорачивания 0 0; margin-left: -3px;}#nav li.on a {founale: url (image/nav.gif) no-repeat right 0;}Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.