编程 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 相关文章推荐

通过Mootools 1.2来操纵HTML DOM元素

Sep 15 Javascript

精通Javascript系列之数据类型字符串

Jun 08 Javascript

javascript制作幻灯片（360度全景图片）

Jul 28 Javascript

基于JavaScript制作霓虹灯文字代码特效

Sep 01 Javascript

Backbone View 之间通信的三种方式

Aug 09 Javascript

js 获取元素所有兄弟节点的实现方法

Sep 06 Javascript

jquery.masonry瀑布流效果

May 25 jQuery

如何将你的AngularJS1.x应用迁移至React的方法

Feb 01 Javascript

JS中利用FileReader实现上传图片前本地预览功能

Mar 02 Javascript

node Buffer缓存区常见操作示例

May 04 Javascript

原生JS与JQ获取元素的区别详解

Feb 13 Javascript

vue+element实现图片上传及裁剪功能

Jun 29 Javascript

一个用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

请php正则走开

2008/03/15 PHP

thinkphp实现163、QQ邮箱收发邮件的方法

2015/12/18 PHP

理清PHP在Linxu下执行时的文件权限方法

2017/06/07 PHP

Jquery Ajax 学习实例2 向页面发出请求返回JSon格式数据

2010/03/15 Javascript

node.js实现逐行读取文件内容的代码

2014/06/27 Javascript

JavaScript如何禁止Backspace键

2015/12/02 Javascript

纯JS前端实现分页代码

2016/06/21 Javascript

浅谈jQuery操作类数组的工具方法

2016/12/23 Javascript

原生和jQuery的ajax用法详解

2017/01/23 Javascript

基于javascript的异步编程实例详解

2017/04/10 Javascript

JavaScript定义及输出螺旋矩阵的方法详解

2017/12/01 Javascript

通过JS运行机制的角度说说作用域

2019/03/12 Javascript

详解用async/await来处理异步

2019/08/28 Javascript

详解Nuxt.js中使用Element-UI填坑

2019/09/06 Javascript

[08:42]DOTA2每周TOP10 精彩击杀集锦vol.2

2014/06/25 DOTA

[07:26]2015国际邀请赛第二日TOP10集锦

2015/08/06 DOTA

Python中规范定义命名空间的一些建议

2016/06/04 Python

win系统下为Python3.5安装flask-mongoengine 库

2016/12/20 Python

基于Python函数的作用域规则和闭包(详解)

2017/11/29 Python

pycharm 实现显示project 选项卡的方法

2019/01/17 Python

Python如何爬取实时变化的WebSocket数据的方法

2019/03/09 Python

python控制nao机器人身体动作实例详解

2019/04/29 Python

Python GUI编程文本弹窗的实例

2019/06/11 Python

python3读取图片并灰度化图片的四种方法(OpenCV、PIL.Image、TensorFlow方法)总结

2019/07/04 Python

django项目中使用手机号登录的实例代码

2019/08/15 Python

基于django2.2连oracle11g解决版本冲突的问题

2020/07/02 Python

学习Python爬虫的几点建议

2020/08/05 Python

15个Pythonic的代码示例(值得收藏)

2020/10/29 Python

香港时尚女装购物网站：ZAFUL

2017/07/19 全球购物

大学毕业生通用求职信

2013/09/28 职场文书

村官工作鉴定评语

2014/01/27 职场文书

优秀毕业生求职信

2014/06/05 职场文书

仓库管理员岗位职责

2015/02/03 职场文书

七年级作文之雪景

2019/11/18 职场文书

扩展多台相同的Web服务器

2021/04/01 Servers

element tree树形组件回显数据问题解决

2022/08/14 Javascript