Question

鼠标点击a标签，改变a标签的背景图片，js代码怎么写

<dl id="Nav">
<dt><a href="#" >企业品牌顾问及整合传播</a></dt>
<dt><a href="#">购物中心及城市综合体整合推广</a></dt>
<dt><a href="#" >品牌形象建立及识别系统设计</a></dt>
<dt><a href="#">VIP客户会运营顾问及推广</a></dt>
<dt><a href="#">平面设计及视觉传达</a></dt>
</dl>

css样式

#head #baner #boke_tou #Nav dt a{
display: block;
float: left;
line-height: 1.8pc;
text-align: left;
font-size: 13px;
color: #989898;
height: 26px;
width: 241px;
margin:0px;
padding-left: 40px;
overflow: hidden;
cursor:pointer;
background-image: url(images/index1111111111_07.gif);
background-repeat: repeat-x;

}

#head #baner #boke_tou #Nav dt a:hover {
background-image: url(images/index_hover07.gif);
background-repeat: no-repeat;
display: block;
float: left;
height: 26px;
width: 240px;
}
点击下一个a标签，原先那个a标签恢复原来的背景

Answer 1

jquery可以么？
$("#Nav a").click(function(){$(this).css("background-image","图片URL")});

追问

这个要在html中怎么写 还有点击下一个原先那个恢复原来的背景？

追答

首先要引入jquery，
然后

$("#Nav a").click(function(){
$("#Nav a").css("background-image","旧背景URL");
$(this).css("background-image","新背景URL")});