谁能给我 这个 鼠标 触发加个延时 谢谢谢谢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>网站</title>
<!--LINK href="style.css" type=text/css rel=stylesheet!-->
<style type="text/css">
<!--
/*第二种形式*/
#tabs1{
text-align:left;
width:760px;
}
.menu1box{
background-image:url(img/tt.gif);
position:relative;
overflow:hidden;
height:42px;
width:762px;
text-align:left;
}
#menu1{
position:absolute;
top:0;
left:0;
z-index:1;
}
#menu1 li{
float:left;
display:block;
cursor:pointer;
width:108px;
text-align:center;
line-height:21px;
height:41px;
}
#menu1 li.hover{
background:#FF6600;
border-left:1px solid #333;
border-top:1px solid #333;
border-right:1px solid #333;
}
#menu1 li.hover0{
background:#FF6600;
border-left:1px solid #000;
border-top:1px solid #fff;
border-right:1px solid #fff;
}
#menu1 li.hover1{
background:#FF6600;
border-left:1px solid #fff;
border-top:1px solid #fff;
border-right:1px solid #fff;
}
#menu1 li.hover2{
background:#FF6600;
border-left:1px solid #fff;
border-top:1px solid #fff;
border-right:1px solid #fff;
}
#menu1 li.hover3{
background:#FF6600;
border-left:1px solid #fff;
border-top:1px solid #fff;
border-right:1px solid #fff;
}
#menu1 li.hover4{
background:#FF6600;
border-left:1px solid #fff;
border-top:1px solid #fff;
border-right:1px solid #fff;
}
#menu1 li.hover5{
background:#FF6600;
border-left:1px solid #fff;
border-top:1px solid #fff;
border-right:1px solid #fff;
}
#menu1 li.hover6{
background:#FF6600;
border-left:1px solid #fff;
border-top:1px solid #fff;
border-right:1px solid #fff;
}
.main1box{
clear:both;
margin-top:-1px;
border:1px solid #333;
width:760px;
}
#main1 ul{
display: none;
}
#main1 ul.block{
display: block;
}
-->
</style>
<script>
<!--
/*第一种形式 第二种形式 更换显示样式*/
function setTab(m,n){
var tli=document.getElementById("menu"+m).getElementsByTagName("li");
var mli=document.getElementById("main"+m).getElementsByTagName("ul");
for(i=0;i<tli.length;i++){
tli[i].className=i==n?"hover"+i:"";
mli[i].style.display=i==n?"block":"none";
}
}
function nowtab(m,n){
if(n!=0&&m3[0]=="")m3[0]=document.getElementById("main2").innerHTML;
document.getElementById("tip"+m).style.left=n*100+'px';
document.getElementById("main2").innerHTML=m3[n];
}
//-->
</script>
</head>
<body bgcolor=#FFFFFF>
<div align="center">
<table border="0" width="766" cellspacing="0" cellpadding="0">
<tr>
<td>
<!--第二种形式-->
<div id="tabs1">
<div class="menu1box">
<ul id="menu1">
<li class="hover" onmouseover="setTab(1,0)"><a href="#"><font color=#ffffff>>>首 页<br></font></a></li>
<li onmouseover="setTab(1,1)"><a href="#"><font color=#ffffff>教育<br></font></a></li>
<li onmouseover="setTab(1,2)"><a href="#"><font color=#ffffff>网站</font></a></li>
<li onmouseover="setTab(1,3)"><a href="#"><font color=#ffffff>服务</font></a></li>
<li onmouseover="setTab(1,4)"><a href="#"><font color=#ffffff>产品</font></a></li>
<li onmouseover="setTab(1,5)"><a href="#"><font color=#ffffff>论坛</font></a></li>
<li onmouseover="setTab(1,6)"><a href="#"><font color=#ffffff>合作</font></a></li>
</ul>
</div>
</td>
</tr>
</table>
</div>
<div class="main1box">
<div class="main" id="main1">
<ul class="block"><li>
<!--1首页-->
<div align="center">
<table border="0" width="760" cellspacing="0" cellpadding="0" height="20">
<tr>
<td bgcolor="#CCCCCC" align=left>11111111111</td>
</tr>
</table>
</div>
</li></ul>
<ul><li>
<!--2教育-->
<div align="center">
222222222222
</div>
</li></ul>
<ul><li>
<!--4服务-->
<div align="center">
444444444
</div>
</li></ul>
<ul><li>
<!--5产品-->
<div align="center">
555555555555
</div>
</li></ul>
<ul><li>
<!--6论坛-->
<div align="center">
666666666666
</div>
</li></ul>
<ul><li>
<!--7与合作-->
<div align="center">
77777777777
</li></ul>
</div>
</div>
<br />
</body>
</html>
[解决办法]
setTimeOut()实现
[解决办法]
帮顶
[解决办法]
用setTimeout 设置一下延迟时间