Question

CSS导航代码高亮显示的修改（全部分奉上）

想实现：点击菜单1进行页面后，导航高亮显示在菜单1的位置。点菜单2导航同样显示在2的位置？

这段代码哪里需要修改？

<div id=tabs6>
<ul>
<LI id=tabmenu1><A href#"><SPAN>菜单1</SPAN></A>
<LI id=tabmenu2><A href="#" target=_blank><SPAN> 菜单2</SPAN></A> </LI>
</UL></DIV>

<STYLE>#tabmenu01 A {
BACKGROUND-POSITION: 0% -42px
}
#tabmenu01 A SPAN {
BACKGROUND-POSITION: 100% -42px; COLOR: #222
}
</STYLE>

<script>

function highlightPage(){
if(!document.getElementsByTagName) return false;
if(!document.getElementById) return false;
if(!document.getElementById('tabs6')) return false;
var nav = document.getElementById('tabs6');
var links = nav.getElementsByTagName('a');
var liida = nav.getElementsByTagName('li');
for (var i=0;i<links.length;i++){
var linkurl = links[i].getAttribute('href');
var liid = liida[i];
var currenturl = document.location.href;
if(currenturl.indexOf(linkurl)!=-1){
liid[i].id = 'tabmenu01';
return true;
}
}
}

</script>
能解释一下吗，看的不大懂。

Answer 1

<script language="javascript">
<!--
function changeEl(El){
try{
if(typeof El != "object") {
return;
}

var els = document.all("ttttt");
if(typeof els == "object" && els != null){
if(!els.length)els = [els];
for(var i in els){
els[i].setAttribute("id", "pageLinks");
}
}

El.setAttribute("id", "ttttt");
}catch (E){}
}
//-->
</script>

ID名ttttt是高亮样式，pagelinks是默认样式，调用ttttt是把这样默认的覆盖掉，这样调用<div id="pageLinks" onClick="changeEl(this)"><a href="#">123</a>

定义两个ID样式（#pageLinks和#ttttt），然后贴上我的代码，就可以了，有什么好解释滴？
多说无益，实践才是真理啊伙计