Mã:
<script src="Plugin/jQuery/JS/jquery-1.8.3.js" type="text/javascript"></script>
<style>
ul li
{
float: left;
margin: 5px;
list-style: none;
}
.active a
{
color: Red;
}
</style>
<ul class="nav navbar-nav">
<li class="active"><a href="1.aspx">Trang 1 </a></li>
<li><a href="2.aspx">Trang 2</a></li>
</ul>
<script>
$(function () {
setCurrentMenu();
});
function setCurrentMenu() {
var path = window.location.pathname;
path = path.replace(/\/$/, "");
path = decodeURIComponent(path);
$('.nav a').closest('li').removeClass('active');
$(".nav a").each(function () {
var href = $(this).attr('href');
if (path.substring(1, href.length + 1) === href) {
$(this).closest('li').addClass('active');
}
});
}
</script>
Bạn lưu ý chỗ href="#" thay bằng link thực nhé chỗ của bạn là ko chuyển trang cái của mình là chuyển trang (theo mình hiểu là ý bạn chuyển trang nên mình đưa đoạn code này, còn nếu ko chuyển trang thì mình sẽ đưa đoạn code khác).
Không chỉ dừng lại ở việc sử dụng nguyên liệu cao cấp, mỗi công trình còn được "chăm sóc" bằng 4 dịch vụ xuất sắc của Tre Nghệ. Từ việc tư vấn, thiết kế đến thi công và hoàn thiện, mọi quy trình đều...
Chất Lượng và Sáng Tạo: Kiến Trúc...