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

JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码

Feb 02 Javascript

node中socket.io的事件使用详解

Dec 15 Javascript

浅谈js内置对象Math的属性和方法(推荐)

Sep 19 Javascript

vue.js 1.x与2.0中js实时监听input值的变化

Mar 15 Javascript

ionic App问题总结系列之ionic点击系统返回键退出App

Aug 19 Javascript

Angular实现类似博客评论的递归显示及获取回复评论的数据

Nov 06 Javascript

在Vue项目中取消ESLint代码检测的步骤讲解

Jan 27 Javascript

微信小程序顶部导航栏滑动tab效果

Jan 28 Javascript

JavaScript判断对象和数组的两种方法

May 31 Javascript

Vue实现将数据库中带html标签的内容输出(原始HTML(Raw HTML))

Oct 28 Javascript

weui上传多图片,压缩,base64编码的示例代码

Jun 22 Javascript

vite+vue3.0+ts+element-plus快速搭建项目的实现

Jun 24 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

php类常量的使用详解

2013/06/08 PHP

php的数组与字符串的转换函数整理汇总

2013/07/18 PHP

php生成扇形比例图实例

2013/11/06 PHP

递归删除一个节点以及该节点下的所有节点示例

2014/03/19 PHP

浅谈使用PHP开发微信支付的流程

2015/10/04 PHP

PHP7 其他修改

2021/03/09 PHP

ie下动态加态js文件的方法

2011/09/13 Javascript

jquery实现智能感知连接外网搜索

2013/05/21 Javascript

利用NodeJS和PhantomJS抓取网站页面信息以及网站截图

2013/11/18 NodeJs

node.js中的fs.lstatSync方法使用说明

2014/12/16 Javascript

JavaScript 事件对象介绍

2015/04/13 Javascript

深入解析JavaScript中的数字对象与字符串对象

2015/10/21 Javascript

解决WordPress使用CDN后博文无法评论的错误

2015/12/15 Javascript

深入浅析JavaScript中的arguments对象(强力推荐)

2016/06/03 Javascript

微信小程序 scroll-view隐藏滚动条详解

2017/01/16 Javascript

Angular中ng-bind和ng-model的区别实例详解

2017/04/10 Javascript

JS检测window.open打开的窗口是否关闭

2017/06/25 Javascript

ReactJS实现表单的单选多选和反选的示例

2017/10/13 Javascript

vue-cli 组件的导入与使用教程详解

2018/04/11 Javascript

详解小程序中h5页面onShow实现及跨页面通信方案

2019/05/30 Javascript

vue Element左侧无限级菜单实现

2020/06/10 Javascript

详解js中的几种常用设计模式

2020/07/16 Javascript

js获取url页面id，也就是最后的数字文件名

2020/09/25 Javascript

vant picker+popup 自定义三级联动案例

2020/11/04 Javascript

Python在信息学竞赛中的运用及Python的基本用法(详解)

2017/08/15 Python

Python使用PIL模块生成随机验证码

2017/11/21 Python

Python with关键字，上下文管理器，@contextmanager文件操作示例

2019/10/17 Python

详解pycharm连接不上mysql数据库的解决办法

2020/01/10 Python

戴森香港官方网站：Dyson香港

2021/02/11 全球购物

汽车驾驶求职信

2013/10/25 职场文书

销售团队激励口号

2014/06/06 职场文书

婚内房产协议书范本

2014/10/02 职场文书

大一学生个人总结

2015/02/15 职场文书

黄埔军校观后感

2015/06/10 职场文书

Python实现视频中添加音频工具详解

2021/12/06 Python

Android开发之WECHAT微信小程序路由跳转的两种形式

2022/04/12 Java/Android