这里是一个例子,好像AJAX中的那个Tab控件的选项卡是要用鼠标单击的,不能滑过。。。
程序代码:
<html>
<head>
<script language="javascript">
var currid=0;
var preid=0;
function showlayer(obj)
{
if(preid!=0)
{
var prediv=document.getElementById("type"+preid);
prediv.style.display="none";
}
currid=obj.id;
var currdiv=document.getElementById("type"+currid);
currdiv.style.display="";
preid=currid;
}
</script>
</head>
<body>
<div id=1 onmouseover="showlayer(this);" style="background-color:red;">Helloworld</div>
<div id=type1 style="display:none;">Hello, world</div>
<div id=2 onmouseover="showlayer(this);" style="background-color:green;">myfriend世界</div>
<div id=type2 style="display:none;">myfriend, 世界</div>
<body>
</html>