![]() |
#2
cnfarer2010-11-29 06:30
|


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.>
<html xmlns="http://www.>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
.wpzkM {font-family: "宋体"; width:100%; position:relative; font-size:12px;}
.wpzkM #wpzkMuen{
margin:5;
float: left;
}
.wpzkM * {margin:0; padding:0;}
.wpzkM ul {list-style:none;}
.wpzkM li {
height:31px;
width:88px;
font-size:12px;
color: #000000;
}
.wpzkM li a {
display:block;
height:31px;
width:88px;
position:relative;
text-decoration:none;
background-color: #CCCCCC;
}
.wpzkM li a:hover {
color: #000000;
border: 1px solid #333333;
}
.wpzkM li ul {display:none; }
.wpzkM li a:hover ul {display:block; width:100px; height:100px; background:#c00; position:absolute; top:0px; left:55px; color:#fff; }
</style>
</head>
<body>
<div class="wpzkM">
<%for i=1 to 10%>
<div id="wpzkMuen">
<ul>
<li><a href="#" title="">鼠标经过这里<ul><li>鼠标经过时显出这个层出来for循环的第二个内容给挡住了!!!</li></ul></a></li>
</ul>
</div>
<%next%>
</div>
</body>
</html>
!还是这样好看些,运行的时候,能把那鼠标继续时给显示出来不给其他内容挡住?<html xmlns="http://www.>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
.wpzkM {font-family: "宋体"; width:100%; position:relative; font-size:12px;}
.wpzkM #wpzkMuen{
margin:5;
float: left;
}
.wpzkM * {margin:0; padding:0;}
.wpzkM ul {list-style:none;}
.wpzkM li {
height:31px;
width:88px;
font-size:12px;
color: #000000;
}
.wpzkM li a {
display:block;
height:31px;
width:88px;
position:relative;
text-decoration:none;
background-color: #CCCCCC;
}
.wpzkM li a:hover {
color: #000000;
border: 1px solid #333333;
}
.wpzkM li ul {display:none; }
.wpzkM li a:hover ul {display:block; width:100px; height:100px; background:#c00; position:absolute; top:0px; left:55px; color:#fff; }
</style>
</head>
<body>
<div class="wpzkM">
<%for i=1 to 10%>
<div id="wpzkMuen">
<ul>
<li><a href="#" title="">鼠标经过这里<ul><li>鼠标经过时显出这个层出来for循环的第二个内容给挡住了!!!</li></ul></a></li>
</ul>
</div>
<%next%>
</div>
</body>
</html>
[ 本帖最后由 o仰o 于 2010-11-29 12:46 编辑 ]