不用MOUSEMOVE也能滑动啊
2018-09-22 01:04
<!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN
<htmlxmlns=
<head>
<metahttp-equiv=Content-Typecontent=text/html;charset=gb2312/>
<title>UntitledDocument</title>
<styletype=text/css>
#menu{
margin:0;
padding:0;
height:26em;
overflow:hidden;
background:#FFFCF2;
}
#menuli{
list-style-type:none;
float:left;
display:block;
width:100%;
}
#menulia{
display:block;
text-decoration:none;
color:#00b;
margin:0;
width:100%;
}
#menuliaspan{
display:none;
color:#453739;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
padding:10px0px5px;
}
#menulia.onespan{
display:block;
height:15em;
margin:010px;
}
#menulia:hover{
background:#FFFCF2;
}
#menulia:hoverspan{
display:block;
height:15em;
margin:010px;
cursor:pointer;
}
#menu.h2{
margin:05px;
padding:0;
color:#933A34;
font-size:12px;
border:0;
font-family:Verdana,Arial,Helvetica,sans-serif;
}
#menu.h3{
margin:05px;
padding:0;
font-size:10px;
color:#62583B;
font-family:Verdana,Arial,Helvetica,sans-serif;
}
#menuimg{
margin:0px5px5px;
border:1pxsolid#000;
float:left;
}
.curved{
width:15em;
}
.curved.b1,.curved.b2,.curved.b3,.curved.b4{
font-size:1px;
display:block;
background:#C7BC98;
/*hideoverflow:hiddenfromIE5/Mac*/
/**/
overflow:hidden;
/**/
}
.curved.b1,.curved.b2,.curved.b3{
height:1px;
}
.curved.b2,.curved.b3,.curved.b4{
background:#FFFCF2;
border-left:1pxsolid#C7BC98;
border-right:1pxsolid#C7BC98;
}
.curved.b1{
margin:04px;
background:#C7BC98;
}
.curved.b2{
margin:02px;
border-width:02px;
}
.curved.b3{
margin:01px;
}
.curved.b4{
height:2px;
margin:0;
}
.curved.c1{
margin:05px;
background:#C7BC98;
}
.curved.c2{
margin:03px;
border-width:02px;
}
.curved.c3{
margin:02px;
}
.curved.c4{
height:2px;
margin:01px;
}
.curved.boxcontent{
display:block;
background:transparent;
border-left:1pxsolid#C7BC98;
border-right:1pxsolid#C7BC98;
font-size:0.9em;
text-align:justify;
}
</style>
</head>
<body>
<divclass=curved>
<bclass=b1c1></b>
<bclass=b2c2></b>
<bclass=b3c3></b>
<bclass=b4c4></b>
<divclass=boxcontent>
<ulid=menu>
<li>
<ahref=
<bclass=h2>设计家园</b><br/>
<bclass=h3>[2007-05-16]</b>
<span>
<imgsrc=设计家园/>
设计家园d网页设计,网站制作建设,css学习,网页标准化
</span>
</a>
</li>
<li>
<ahref=
<bclass=b1></b>
<bclass=b2></b>
<bclass=b3></b>
<bclass=b4></b>
<bclass=h2>Asp教程</b><br/>
<bclass=h3>[2007-05-16]</b>
<span>
<imgsrc=设计家园/>
设计家园d网页设计,网站制作建设,css学习,网页标准化
</span>
</a>
</li>
<li>
<ahref=
<bclass=b1></b>
<bclass=b2></b>
<bclass=b3></b>
<bclass=b4></b>
<bclass=h2>Asp教程</b><br/>
<bclass=h3>[2007-05-16]</b>
<span>
<imgsrc=设计家园/>
设计家园d网页设计,网站制作建设,css学习,网页标准化
</span>
</a>
</li>
<li>
<ahref=
<bclass=b1></b>
<bclass=b2></b>
<bclass=b3></b>
<bclass=b4></b>
<bclass=h2>Php教程</b><br/>
<bclass=h3>[2006-06-18]</b>
<span>
<imgsrc=设计家园/>
设计家园d网页设计,网站制作建设,css学习,网页标准化
</span>
</a>
</li>
<li>
<ahref=
<bclass=b1></b>
<bclass=b2></b>
<bclass=b3></b>
<bclass=b4></b>
<bclass=h2>Jsp教程</b><br/>
<bclass=h3>[2007-05-16]</b>
<span>
<imgsrc=设计家园/>
设计家园d网页设计,网站制作建设,css学习,网页标准化
</span>
</a>
</li>
<li>
<aclass=onehref=
<bclass=b1></b>
<bclass=b2></b>
<bclass=b3></b>
<bclass=b4></b>
<bclass=h3>[2007-05-16]</b>
<span>
<imgsrc=设计家园/>
设计家园d网页设计,网站制作建设,css学习,网页标准化
</span>
</a>
</li>
</ul>
</div>
<bclass=b4c4></b>
<bclass=b3c3></b>
<bclass=b2c2></b>
<bclass=b1c1></b>
</div>
</body>
</html>