1、可以在url地址上加上一个参数，当新页面加载完成，你把参数值获取下来，是哪个就给哪个菜单加上背景；2、也可以使用cookie来记录，当点击菜单的时候，记录下来，在新页面加载完成的时候把这个cookie值获取出来，就可以知道用户之前点击的哪个菜单，然后给这个菜单加上背景就可以了。不明白的话继续追问~~
创新互联一直在为企业提供服务，多年的磨炼，使我们在创意设计，营销型网站建设到技术研发拥有了开发经验。我们擅长倾听企业需求，挖掘用户对产品需求服务价值，为企业制作有用的创意设计体验。核心团队拥有超过十年以上行业经验，涵盖创意，策化，开发等专业领域，公司涉及领域有基础互联网服务联通服务器托管、重庆APP开发公司、手机移动建站、网页设计、网络整合营销。
效果：
代码：
!doctype html
html lang="en"
head
meta charset="UTF-8"
meta name="Generator" content="EditPlus®"
meta name="Author" content=""
meta name="Keywords" content=""
meta name="Description" content=""
titleDocument/title
style
ul li{
float:left;
width: 110px;
margin: 0 5px;
background-color:#fff;
border:1px solid #000;
line-height:25px;
list-style: none;
text-align: center;
font-size:14px;
font-family:'微软雅黑';
cursor: pointer;
color:#000;
font-weight:bold;
}
ul li:hover,ul li.selected{
background-color:#000;
color:#fff;
}
/style
script src=""/script
script
$(function(){
$("ul#navigator li").click(function(){
$(this).addClass("selected").siblings().removeClass("selected");
});
});
/script
/head
body
ul id="navigator"
li首页/li
li class="selected"公司介绍/li
li成功案例/li
li解决方案/li
li联系我们/li
/ul
/body
/html
第一种，点击一下变色，但是不会回到原先的颜色
$("a").click(function(){
$(this).css("color","#f00")
})
第二种，点击变色，再点击回到原来的颜色,要配合css
.color{color:#f00}
$("a").click(function(){
$(this).toggleClass("color")
})
你只要明白事件触发的顺序就知道原因了：当你鼠标移到div上的时候，触发mouseenter事件，点击的时候触发click事件，然后鼠标移走触发mouseleave事件。
例如：var
test=0;
$("#div1").delegate("a",
"mouseenter",
function()
{
test=1;
}).delegate("a",
"mouseleave",
function()
{
test=2;
});
$("#div1").delegate("a",
"click",
function()
{
test=3;
});
当你鼠标移动到div上点击之后鼠标再移走，最后触发的事件是mouseleave事件，此时test是2而不是三。你可以测试一下
用jquery如何实现点击一栏目实现栏目变色，再点击另一栏目也变色，但原来的变回原色，我有个数组a（1、2、3)我循环遍历输出a的值。
复制代码 代码如下:
ul
lia onclick="show();"ba[0]ba/li
lia onclick="show();"ba[1]ba/li
lia onclick="show();"ba[2]ba/li
点击1—1变色。点击2,—变色。但1会变回原来的颜色，我show方法实现了其他的功能.。
下面是我初试的代码：
HTML code：
复制代码 代码如下:
style type="text/css"
.clckClass{color:red;}
/style
script type="text/javascript"
$('ul li a').bind('click', function(){
$('ul li a:not(this)').removeClass('clckClass');
$(this).addClass('clckClass');
});
/scriptJScript code:
style type="text/css"
.clckClass{color:red;}
/style
script type="text/javascript"
$('ul li a').bind('click', function(){
$('.clckClass').removeClass('clckClass');
$(this).addClass('clckClass');
});
/script
上面的代码中，样式‘clckClass‘可能在其他元素上使用。使用$(‘.clckClass').removeClass(‘clckClass')，会将画面上所用使用clckClass样式的元素移出clckClass样式的，这显然不是我们要得结果。我们只需要移出ul li a下的clckClass样，不过后来发现上面的代码中，唯一一点是那个clckClass只能在这几个标签使用，如果其他也用的话，就可能会影响效果，是我考虑不周到。
