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

js获取IP和PcName(IE)在vs中可用

Aug 02 Javascript

jquery更换文章内容与改变字体大小代码

Sep 30 Javascript

JavaScript数据类型之基本类型和引用类型的值

Apr 01 Javascript

jquery.validate使用时遇到的问题

May 25 Javascript

jQuery实现图片轮播效果代码(基于jquery.pack.js插件)

Jun 02 Javascript

vue.js入门教程之绑定class和style样式

Sep 02 Javascript

Javascript 数组去重的方法（四种）详解及实例代码

Nov 24 Javascript

AngularJS中$injector、$rootScope和$scope的概念和关联关系深入分析

Jan 19 Javascript

Node.js连接Sql Server 2008及数据层封装详解

Aug 27 Javascript

了解重排与重绘

May 29 Javascript

从零搭一个自用的前端脚手架的方法步骤

Sep 23 Javascript

Vue Router 实现动态路由和常见问题及解决方法

Mar 06 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生成自己的LOG文件

2006/10/09 PHP

PHP处理二进制数据的实现方法

2016/06/13 PHP

PHP类的特性实例分析

2016/09/28 PHP

PHP基于ip2long实现IP转换整形

2020/12/11 PHP

jQuery 插件将this下的div轮番显示

2009/04/09 Javascript

Eval and new funciton not the same thing

2012/12/27 Javascript

javascript贪吃蛇完整版(源码)

2013/12/09 Javascript

JS实现CheckBox复选框全选全不选功能

2015/05/06 Javascript

js基础之DOM中document对象的常用属性方法详解

2016/10/28 Javascript

jstree的简单实例

2016/12/01 Javascript

Vue组件化通讯的实例代码

2017/06/23 Javascript

Bootstrap按钮组实例详解

2017/07/03 Javascript

jQuery实现的响应鼠标移动方向插件用法示例【附源码下载】

2018/08/28 jQuery

微信小程序自定义弹窗实现详解(可通用）

2019/07/04 Javascript

JS中this的4种绑定规则详解

2020/02/04 Javascript

JavaScript实现Tab选项卡切换

2020/02/13 Javascript

Element Notification通知的实现示例

2020/07/27 Javascript

[01:19]DOTA2城市挑战赛报名开始开启你的城市传奇

2018/03/23 DOTA

[09:59]DOTA2-DPC中国联赛2月7日Recap集锦

2021/03/11 DOTA

使用Python标准库中的wave模块绘制乐谱的简单教程

2015/03/30 Python

解决Python中pandas读取*.csv文件出现编码问题

2019/07/12 Python

python实现各种插值法(数值分析)

2019/07/30 Python

python计算二维矩形IOU实例

2020/01/18 Python

Python 改变数组类型为uint8的实现

2020/04/09 Python

python设置表格边框的具体方法

2020/07/17 Python

Python Charles抓包配置实现流程图解

2020/09/29 Python

Vichy薇姿加拿大官网：法国药妆，全球专业敏感肌护肤领先品牌

2018/07/11 全球购物

Snapfish爱尔兰：在线照片打印和个性化照片礼品

2018/09/17 全球购物

俄罗斯第一家多品牌在线奢侈品精品店：Aizel.ru

2020/09/06 全球购物

小学防溺水制度

2014/01/29 职场文书

《莫泊桑拜师》教学反思

2014/04/23 职场文书

入党推优材料

2014/06/02 职场文书

档案保密承诺书

2014/06/03 职场文书

幼儿园迎国庆65周年活动策划方案

2014/09/16 职场文书

工伤事故赔偿协议书

2014/10/27 职场文书

导游词之西江千户苗寨

2019/12/24 职场文书