Главная » JavaScript » Примеры JavaScript » Подсветка активного меню на JS
26 0  

Подсветка активного меню на JS

простой способ подсветить активную ссылку в меню на чистом JS


HTML код:

<!--  меню -->
<script language="jаvascript" type="text/jаvascript">highlight()</script>
<ul>
     <li class="nav"><a href="/">Главная</a></li>
</ul>

<!--  пред тегом </body> активуємо функцію-->
<script language="jаvascript" type="text/jаvascript">highlight()</script>

JS:

<script language="jаvascript" type="text/jаvascript">
function highlight(){
  var atags=document.getElementsByTagName("li");
  for(i in atags){
    if(atags[i].className=="nav"){
        if(document.location.href==atags[i].firstChild.href){
            atags[i].className = "active";
        }
    }
  }
}
</script>

Оставить свой комментарий:

Досвід у веброзробці:

2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026
2027
2028
1979
2021