HTML — Как добавить анимацию в панели навигации в переполнение стека

Здравствуйте! Я пытаюсь сделать мою панель навигации активной в php, чтобы пользователь мог знать, на какой странице он находится. Итак, как я могу добавить class = «active» в этот код, чтобы сделать активную навигационную панель и отобразить все страницы на одной странице index.php.

<?php
return "<nav id='nav-reservation'>
<a href='resource-index.php?page=room' class='nav-reservation-item'>Room</a> |
<a href='resource-index.php?page=equipment' class='nav-reservation-item'>Equipment</a>
</nav>
";

0

Решение

Вы можете иметь ручной CSS для того же [http://jsfiddle.net/Ag47D/3/ ]

или же

Вы можете использовать bootstrap [ http://www.bootply.com/IsRfOyf0f9 ]

$(".nav b").on("click", function(){
$(".nav").find(".active").removeClass("active");
$(this).parent().addClass("active");
});
0

Другие решения

По вашему индивидуальному параметру, такому как page=room, page=equipment, ты можешь сделать:

<nav id='nav-reservation'>
<a href='resource-index.php?page=room' class='nav-reservation-item <?php if( $_REQUEST['page'] == "room" ){ echo "active"; } ?>'>Room</a> |
<a href='resource-index.php?page=equipment' class='nav-reservation-item <?php if( $_REQUEST['page'] == "equipment" ){ echo "active"; } ?>'>Equipment</a>
</nav>
0

По вопросам рекламы ammmcru@yandex.ru
Adblock
detector