编程 Javascript

不用MOUSEMOVE也能滑动啊

Posted in Javascript onMay 23, 2007

<!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>Untitled Document</title>
<style type="text/css">
#menu {
margin:0;
padding:0;
height:26em;
overflow:hidden;
background:#FFFCF2;
}
#menu li {
list-style-type:none;
float:left;
display:block;
width:100%;
}
#menu li a {
display:block;
text-decoration:none;
color:#00b;
margin:0;
width:100%;
}
#menu li a span {
display:none;
color:#453739;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 10px 0px 5px;
}
#menu li a.one span {
display:block;
height:15em;
margin:0 10px;
}
#menu li a:hover {
background:#FFFCF2;
}
#menu li a:hover span {
display:block;
height:15em;
margin:0 10px;
cursor:pointer;
}
#menu .h2 {
margin:0 5px;
padding:0;
color:#933A34;
font-size:12px;
border:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#menu .h3 {
margin:0 5px;
padding:0;
font-size:10px;
color:#62583B;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#menu img {
margin:0px 5px 5px;
border:1px solid #000;
float:left;
}
.curved {
width:15em;
}
.curved .b1, .curved .b2, .curved .b3, .curved .b4 {
font-size:1px;
display:block;
background:#C7BC98;
/* hide overflow:hidden from IE5/Mac */
/* */
overflow: hidden;
/* */
}
.curved .b1, .curved .b2, .curved .b3 {
height:1px;
}
.curved .b2, .curved .b3, .curved .b4 {
background:#FFFCF2;
border-left:1px solid #C7BC98;
border-right:1px solid #C7BC98;
}
.curved .b1 {
margin:0 4px;
background:#C7BC98;
}
.curved .b2 {
margin:0 2px;
border-width:0 2px;
}
.curved .b3 {
margin:0 1px;
}
.curved .b4 {
height:2px;
margin:0;
}
.curved .c1 {
margin:0 5px;
background:#C7BC98;
}
.curved .c2 {
margin:0 3px;
border-width:0 2px;
}
.curved .c3 {
margin:0 2px;
}
.curved .c4 {
height:2px;
margin: 0 1px;
}
.curved .boxcontent {
display:block;
background:transparent;
border-left:1px solid #C7BC98;
border-right:1px solid #C7BC98;
font-size:0.9em;
text-align:justify;
}
</style>
</head>

<body>
<div class="curved">




<div class="boxcontent">
<ul id="menu">
<li>
<a href="http://www.dwww.cn/">
设计家园 
[2007-05-16]

<img src="http://www.dwww.cn/images/logo1.gif" alt="dwww.cn | 设计家园" />
设计家园dwww.cn,网页设计,网站制作建设,css学习,网页标准化

</a>
</li>
<li>
<a href="http://www.dwww.cn/HtmlData/Program/Asp/">




Asp教程 
[2007-05-16]

<img src="http://www.dwww.cn/images/logo1.gif" alt="dwww.cn | 设计家园" />
设计家园dwww.cn,网页设计,网站制作建设,css学习,网页标准化

</a>
</li>
<li>
<a href="http://www.dwww.cn/HtmlData/Program/Asp/">




Asp教程 
[2007-05-16]

<img src="http://www.dwww.cn/images/logo1.gif" alt="dwww.cn | 设计家园" />
设计家园dwww.cn,网页设计,网站制作建设,css学习,网页标准化

</a>
</li>
<li>
<a href="http://www.dwww.cn/HtmlData/Program/Php/">




Php教程 
[2006-06-18]

<img src="http://www.dwww.cn/images/logo1.gif" alt="dwww.cn | 设计家园" />
设计家园dwww.cn,网页设计,网站制作建设,css学习,网页标准化

</a>
</li>
<li>
<a href="http://www.dwww.cn/HtmlData/Program/Jsp/">




Jsp教程 
[2007-05-16]

<img src="http://www.dwww.cn/images/logo1.gif" alt="dwww.cn | 设计家园" />
设计家园dwww.cn,网页设计,网站制作建设,css学习,网页标准化

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




Asp.Net教程 
[2007-05-16]

<img src="http://www.dwww.cn/images/logo1.gif" alt="dwww.cn | 设计家园" />
设计家园dwww.cn,网页设计,网站制作建设,css学习,网页标准化

</a>
</li>
</ul>
</div>




</div>
</body>
</html>

不用MOUSEMOVE也能滑动啊

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

神奇的代码通杀各种网站-可随意修改复制页面内容

Jul 17 Javascript

jquery html动态生成select标签出问题的解决方法

Nov 20 Javascript

异步JS框架的作用以及实现方法

Oct 29 Javascript

Bootstrap树形控件使用方法详解

Jan 27 Javascript

jQuery中text() val()和html()的区别实例详解

Jun 28 Javascript

JS中动态创建元素的三种方法总结(推荐)

Oct 20 Javascript

Node.js 使用request模块下载文件的实例

Sep 05 Javascript

js使用文件流下载csv文件的实现方法

Jul 15 Javascript

微信小程序上传图片并等比列压缩到指定大小的实例代码

Oct 24 Javascript

node爬取新型冠状病毒的疫情实时动态

Feb 06 Javascript

Node.js API详解之 util模块用法实例分析

May 09 Javascript

vue 基于abstract 路由模式实现页面内嵌的示例代码

Dec 14 Vue.js

一个用js实现的页内搜索代码

May 23 #Javascript

一个js实现的所谓的滑动门

May 23 #Javascript

JavaScript网页制作特殊效果用随机数

May 22 #Javascript

JS加ASP二级域名转向的代码

May 17 #Javascript

用javascript实现的支持lrc歌词的播放器

May 17 #Javascript

JavaScript中的new的使用方法与注意事项

May 16 #Javascript

几款极品的javascript压缩混淆工具

May 16 #Javascript

You might like

将word转化为swf 如同百度文库般阅读实现思路及代码

2013/08/09 PHP

利用php下载xls文件(自己动手写的)

2014/04/18 PHP

laravel获取不到session的三种解决办法【推荐】

2018/09/16 PHP

thinkPHP+LayUI 流加载实现功能

2019/09/27 PHP

详解将数据从Laravel传送到vue的四种方式

2019/10/16 PHP

php回调函数处理数组操作示例

2020/04/13 PHP

javascript 面向对象 function类

2010/05/13 Javascript

Google 静态地图API实现代码

2010/11/19 Javascript

js弹出层包含flash 不能关闭隐藏的2种处理方法

2013/06/17 Javascript

seajs学习之模块的依赖加载及模块API的导出

2016/10/20 Javascript

浅谈jquery页面初始化的4种方式

2016/11/27 Javascript

Angular2 自定义validators的实现方法

2017/07/05 Javascript

浅谈JavaScript中的属性:如何遍历属性

2017/09/14 Javascript

vue下拉列表功能实例代码

2018/04/08 Javascript

javascript绘制简单钟表效果

2020/04/07 Javascript

javascript利用键盘控制小方块的移动

2020/04/20 Javascript

解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题

2020/07/21 Javascript

[42:24]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第一场 11.01

2020/11/02 DOTA

用Python实现一个简单的多线程TCP服务器的教程

2015/05/05 Python

Python数据分析中Groupby用法之通过字典或Series进行分组的实例

2017/12/08 Python

Python中的字符串切片（截取字符串）的详解

2019/05/15 Python

Python中查看变量的类型内存地址所占字节的大小

2019/06/26 Python

Python 寻找局部最高点的实现

2019/12/05 Python

在Python IDLE 下调用anaconda中的库教程

2020/03/09 Python

python实现在内存中读写str和二进制数据代码

2020/04/24 Python

python中numpy数组与list相互转换实例方法

2021/01/29 Python

值类型与引用类型有什么不同？请举例说明？并分别列举几种相应的数据类型

2015/10/24 面试题

秘书岗位职责

2013/11/18 职场文书

大一期末自我鉴定

2013/12/13 职场文书

小学生学习感言

2014/03/10 职场文书

毕业生代领毕业材料的授权委托书

2014/09/29 职场文书

2015高三毕业寄语赠言

2015/02/27 职场文书

总经理年会致辞

2015/07/29 职场文书

先进个人事迹材料（2016推荐版）

2016/03/01 职场文书

python读取mnist数据集方法案例详解

2021/09/04 Python

Centos7 Shell编程之正则表达式、文本处理工具详解

2022/08/05 Servers