Question

怎么用JS实现鼠标点击保留导航链接划过的样式？（请仔细看CSS样式，要求两边的样式都可以保留）

怎么用JS实现鼠标点击保留导航链接划过的样式？（请仔细看CSS样式，要求两边的样式都可以保留）
html代码如下：
<div class="nav" id="nav">
<a href="index.html" class="cur"><span>首页</span></a>
<a href="introduct.html"><span>关于波波</span></a>
<a href="#"><span>最新资讯</span></a>
<a href="video_list.html"><span>壹周立波秀</span></a>
<a href="new_list.html"><span>精彩瞬间</span></a>
<a href="#"><span>周立波语录</span></a>
<a href="http://t.sina.com.cn/zhoulibo" target="_blank"><span>周立波微博</span></a>
<a href="recomment.html"><span>网友评论</span></a>
<a href="#"><span>留言板</span></a>
</div>
CSS样式如下：
.top { width:980px; height:390px; margin:0 auto;}
.top .nav { width:960px; padding:0 10px; height:32px; padding-top:8px; background:url(../images/nav_bg.gif) repeat-x; line-height:32px;}
.top .nav a { display:block; float:left; padding-left:10px; color:#fff; font-weight:bold; font-size:14px; margin-right:8px;}
.top .nav a span { padding-right:10px; float:left; display:block;}
.nav a:hover ,.nav a.cur { background:url(../images/nav_hover.gif) left 0 no-repeat; color:#cc0000; text-decoration:none;}
.nav a:hover span ,.nav a.cur span{ background:url(../images/nav_hover.gif) right 0 no-repeat; cursor:pointer;}
请高手指导，最好附上详细的JS代码，小弟感激不尽！

Answer 1

你的描述并不详细，如果要用js的话，那么也就是使用切换className的js语句来处理，比如下面这个：document.getElementById("id").className='';
当你鼠标滑过的时候用上面语句调用一个className，当鼠标离开的时候又调用另一个className，当然这两个className的样式你自己可以定义了，不知道能不能帮上你，祝你好运！

Answer 2

没有你的图片，看不到什么效果，为什么要用js实现呢？为什么不用a:visited实现点击后的效果呢？