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

JSON 学习之完全手册图文

May 29 Javascript

利用JS实现浏览器的title闪烁

Jul 08 Javascript

js 获取元素下面所有li的两种方法

Apr 14 Javascript

JavaScript实现弹出子窗口并传值给父窗口

Dec 18 Javascript

js实现当复选框选择匿名登录时隐藏登录框效果

Aug 14 Javascript

javascript闭包(Closure)用法实例简析

Nov 30 Javascript

原生js轮播（仿慕课网）

Feb 15 Javascript

又一款MVVM组件构建自己的Vue组件（2）

Mar 13 Javascript

JavaScript实现三级联动菜单实例代码

Jun 26 Javascript

VUE重点问题总结

Mar 19 Javascript

js拖动滑块和点击水波纹效果实例代码

Oct 16 Javascript

layui 富文本图片上传接口与普通按钮文件上传接口的例子

Sep 23 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

PHP4实际应用经验篇(4)

2006/10/09 PHP

Mysql和网页显示乱码解决方法集锦

2008/03/27 PHP

PHP函数之error_reporting(E_ALL ^ E_NOTICE)详细说明

2011/07/01 PHP

php+highchats生成动态统计图

2014/05/21 PHP

Thinkphp5框架实现图片、音频和视频文件的上传功能详解

2019/08/27 PHP

Highslide.js是一款基于js实现的网页中图片展示插件

2020/03/30 Javascript

有关于JS构造函数的重载和工厂方法

2013/04/07 Javascript

各种页面定时跳转(倒计时跳转)代码总结

2013/10/24 Javascript

网页广告中JS代码的信息监听示例

2014/04/02 Javascript

简单的jquery左侧导航栏和页面选中效果

2014/08/21 Javascript

使用jQuery实现Web页面换肤功能的要点解析

2016/05/12 Javascript

jQuery ajax中使用confirm,确认是否删除的简单实例

2016/06/17 Javascript

详谈JS中实现种子随机数及作用

2016/07/19 Javascript

vue.js初学入门教程（2）

2016/11/07 Javascript

微信小程序配置文件详细介绍

2016/12/14 Javascript

jQuery实现动态添加tr到table的方法

2016/12/26 Javascript

JavaScript控制浏览器全屏显示简单示例

2018/07/05 Javascript

用Node提供静态文件服务的方法

2018/07/06 Javascript

使用weixin-java-miniapp配置进行单个小程序的配置详解

2019/03/29 Javascript

vue-router路由模式详解(小结)

2019/08/26 Javascript

element-ui中按需引入的实现

2019/12/25 Javascript

[01:07:13]TNC vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17

2018/08/20 DOTA

[47:52]完美世界DOTA2联赛PWL S2 PXG vs InkIce 第二场 11.26

2020/11/30 DOTA

python 根据正则表达式提取指定的内容实例详解

2016/12/04 Python

python数据类型_元组、字典常用操作方法(介绍)

2017/05/30 Python

Python使用Selenium+BeautifulSoup爬取淘宝搜索页

2018/02/24 Python

Python使用try except处理程序异常的三种常用方法分析

2018/09/05 Python

Python GUI编程文本弹窗的实例

2019/06/11 Python

python help函数实例用法

2020/12/06 Python

法国隐形眼镜网站：VisionDirect.fr

2020/03/03 全球购物

优秀求职信范文分享

2013/12/19 职场文书

艺人经纪人岗位职责

2014/04/15 职场文书

个人委托书

2014/07/31 职场文书

2014幼儿园教师师德师风演讲稿

2014/09/10 职场文书

超市采购员岗位职责

2015/04/07 职场文书

Python 的演示平台支持 WSGI 接口的应用

2022/04/20 Python