html 菜单切换颜色,html – 如何动态地更改网页所选菜单项的颜色？

设置类活动和悬停的样式：

比起你需要让li活跃，在服务器端。

所以当您绘制菜单时，您应该知道哪个页面被加载并设置为：

QuestionTagsUsers

但是，如果您正在更改内容而不重新加载，则无法更改在服务器上设置活动的li元素，则需要使用javascript：

.menu{width: 300px; height: 25; font-size: 18px;}

.menu li{list-style: none; float: left; margin-right: 4px; padding: 5px;}

.menu li:hover, .menu li.active {

background-color: #f90;

}

• Item 1
• Item 2
• Item 3
• Item 4
• Item 5
• Item 6

var make_button_active = function()

{

//Get item siblings

var siblings =($(this).siblings());

//Remove active class on all buttons

siblings.each(function (index)

{

$(this).removeClass('active');

}

)

//Add the clicked button class

$(this).addClass('active');

}

//Attach events to menu

$(document).ready(

function()

{

$(".menu li").click(make_button_active);

}

)