先给出基本的HTML文件：
<ul>
<li id="m01"></li>
<li id="m01"></li>
<li id="m01"></li>
</ul>
<div>
<div id="C01"> </div>
<div id="C02"> </div>
<div id="C03"> </div>
</div>
下面是javascript代码：
function scrollMenu()
{
} /*创建一个类*/
scrollDiv.prototype =
{
sd:function(menus, divs, openClass, closeClass)
{
_this = this;
for(var i=0; i<menus.length; i++)
{
_this.$(menus[i]).value = i;
_this.$(menus[i]).onmouseover = function()
{
for(var j=0; j<menus.length; j++)
{
_this.$(menus[i]).className = closeClass;
_this.$(divs[i]).style.display = "none";
}
_this.$(menus[this.value]).className = openClass;
_this.$(divs[this.value]).style.display = "block";
} /*闭环处理*/
}
},
$:function(obj)
{
if(typeof(obj) == "string")
return document.getElementById(obj);
return obj;
} /*此处不要添加逗号，否则IE不支持*/
}
注：有空会完善。
