当前位置: 代码迷 >> Java Web开发 >> 哪位高手能给小弟我 这个 鼠标 触发加个延时 多谢多谢
  详细解决方案

哪位高手能给小弟我 这个 鼠标 触发加个延时 多谢多谢

热度:813   发布时间:2016-04-17 12:47:16.0
谁能给我 这个 鼠标 触发加个延时 谢谢谢谢
<!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">
  相关解决方案