手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >不用MOUSEMOVE也能滑动啊
不用MOUSEMOVE也能滑动啊
摘要:UntitledDocument#menu{margin:0;padding:0;height:26em;overflow:hidden;b...

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<head>

<metahttp-equiv="Content-Type"content="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="http://www.dwww.cn/">

<bclass="h2">设计家园</b><br/>

<bclass="h3">[2007-05-16]</b>

<span>

<imgsrc="http://www.dwww.cn/images/logo1.gif"alt="dwww.cn|设计家园"/>

设计家园dwww.cn,网页设计,网站制作建设,css学习,网页标准化

</span>

</a>

</li>

<li>

<ahref="http://www.dwww.cn/HtmlData/Program/Asp/">

<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="http://www.dwww.cn/images/logo1.gif"alt="dwww.cn|设计家园"/>

设计家园dwww.cn,网页设计,网站制作建设,css学习,网页标准化

</span>

</a>

</li>

<li>

<ahref="http://www.dwww.cn/HtmlData/Program/Asp/">

<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="http://www.dwww.cn/images/logo1.gif"alt="dwww.cn|设计家园"/>

设计家园dwww.cn,网页设计,网站制作建设,css学习,网页标准化

</span>

</a>

</li>

<li>

<ahref="http://www.dwww.cn/HtmlData/Program/Php/">

<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="http://www.dwww.cn/images/logo1.gif"alt="dwww.cn|设计家园"/>

设计家园dwww.cn,网页设计,网站制作建设,css学习,网页标准化

</span>

</a>

</li>

<li>

<ahref="http://www.dwww.cn/HtmlData/Program/Jsp/">

<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="http://www.dwww.cn/images/logo1.gif"alt="dwww.cn|设计家园"/>

设计家园dwww.cn,网页设计,网站制作建设,css学习,网页标准化

</span>

</a>

</li>

<li>

<aclass="one"href="http://www.dwww.cn/HtmlData/Program/Asp.Net/">

<bclass="b1"></b>

<bclass="b2"></b>

<bclass="b3"></b>

<bclass="b4"></b>

<bclass="h2">Asp.Net教程</b><br/>

<bclass="h3">[2007-05-16]</b>

<span>

<imgsrc="http://www.dwww.cn/images/logo1.gif"alt="dwww.cn|设计家园"/>

设计家园dwww.cn,网页设计,网站制作建设,css学习,网页标准化

</span>

</a>

</li>

</ul>

</div>

<bclass="b4c4"></b>

<bclass="b3c3"></b>

<bclass="b2c2"></b>

<bclass="b1c1"></b>

</div>

</body>

</html>

【不用MOUSEMOVE也能滑动啊】相关文章:

多种js图片预加载实现方式分享

Javascript 不能释放内存.

浅谈jQuery构造函数分析

jQuery实现html表格动态添加新行的方法

对联广告 可关闭

文本框栏目介绍

网页常用特效代码整理

常用参考资料(手册)下载或者链接

jQuery插件实现适用于移动端的地址选择器

JavaScript中switch语句的用法详解

精品推荐
分类导航