如何使「.active」類具有不同的顏色,這將會通過頁面名稱具體指定;例如「.active_index」和「.navbar」中所有鏈接的懸停顏色將與「.active_index」相同? 我使用頭文件包含php選項(include('header.php');)。 繼承人我的代碼:javascript active class在特定頁面上的不同顏色
HTML代碼
<nav>
<div class="navbar">
<ul>
<li id="pageIndex"><a href="index.php">Početna</a></li>
<li id="pageZeolit"><a href="zeolit.php"><i class="fa fa-angle-down" aria-hidden="true"></i>Zeolit</a></li>
<li id="pageIzodenko"><a href="izodeko.php"><i class="fa fa-angle-down" aria-hidden="true"></i></i>Izodeko</a></li>
<li id="pageElektronika"><a href="elektronika.php"><i class="fa fa-angle-down" aria-hidden="true"></i></i>Elektronika</a></li>
<li id="pageInformacije"><a href="informacije.php">O nama</a></li>
</ul>
</div>
JavaScript代碼
if (pageName == 'index.php') {
active_index.setAttribute(color, red);
}
如果你正在尋找這樣的js,那麼你將不得不抓住的網址,然後解析它,讓你可以獲取頁面名稱。添加活動類時,只需將頁面名稱附加到活動類別的末尾即可。在CSS中,爲每個頁面定義類,以便顏色不同 – Huangism
@Huangism我會盡力做到這一點。 –
如果你可以在php中獲取頁面名稱,它會容易得多。如果你可以做到這一點,那麼你只需要將頁面名稱作爲一個類添加到'body'中,然後根據主體類定義你的css hover類 – Huangism