javascript 如何设置模式对话框

1.请问用javascript怎么改变ul li中的class变换，如下

        Javascript
      <ul>
<li id="1" class="abc"><a href="xxx">1</a></li>
<li id="2" class=""><a href="xxx">2</a></li>
<li id="3" class=""><a href="xxx">3</a></li>
</ul>  
当点击2时，class="abc"在li id="2"里，
当点击3时，class="abc"在li id="3"里,

答：

<style type="text/css">
.abc{background-color:red;}
</style>
<ul>
<li id="s1" class="abc" onmouseover="c(1,this);"><a href="xxx">1</a></li>
<li id="s2" class="" onmouseover="c(2,this);"><a href="xxx">2</a></li>
<li id="s3" class="" onmouseover="c(3,this);"><a href="xxx">3</a></li>
</ul>
<script type="text/javascript">
<!--
function c(e,obj){
for (var i=1;i<4;i++){
  if (e==i){document.getElementById('s'+i).className='abc';}
  else{document.getElementById('s'+i).className='';}
  }
}
//-->
</script>
追问：
大虾米 谢谢您呀。。
    你的是鼠标滑过。。请问如果是我点击后的话，是不是把onmuousever变成onclick？
追答：
当然是了，不过你点击就跑到别页去了。这个效果看不到了。如果连接里加个 target="_blank" 还是可以有的。
这个问题都很简单，为什么不自己试试，对电脑不会有坏的影响，自己学的也更牢。
追问：
好的 谢谢你。。我知道。。fighting！
追答：
给分啊。
2.javascript 如何设置模式对话框

  Javascriptjava编程语言
在javascript中如何把一个自定义的对话框设置为模式对话框？

自定义一个模式对话框可以用层来做：
首先做一个和页面总大小一样大的层（遮罩层），让它处在最上层，但开始的时候是隐藏的:
<div id="div1" style="position:absolute;top:0px;left:0px;width:800px;height:600px;display:none;"></div>


然后在自定义的模式对话框产生之前，让遮罩层显示，在js中这样写：
document.getElementById("div1").style.display="";


第三步开始写显示自定义的对话框代码，假设该对话框也是用一个层来实现的，这个层的id为moddialog，那么：document.getElementById("moddialog").style.display="";


最后，记得在对话框被关闭之后要将遮罩层隐藏起来
document.getElementById("div1").style.display="none";