DIV+CSS编写的Menu
来源:互联网 发布:淘宝如何添加收藏店铺 编辑:程序博客网 时间:2024/06/06 14:14
<!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>无标题文档</title>
<style type="text/css">
.tablediv{ position:relative; width:100px; padding-top:5px; padding-bottom:5px; background:#CCCCCC; border:0px; cursor:pointer; float:left; text-align:center; font-size:14px;}
.tablediv a{ text-decoration:none; color:#000000;}
.tablediv:hover{ background:#666;}
.tablediv:hover .trdiv{ display:block; }
.trdiv{ position:absolute; width:140px; background:#EFEFEF; left:0px; display:none; margin-top:5px;}
<![if IE]-->
<!--
.trdiv{ position:absolute; width:140px; background:#EFEFEF; left:0px; display:none; margin-top:21px;}
-->
.lidiv{ padding-top:5px; padding-bottom:5px; padding-left:10px; text-align:left;}
.lidiv:hover{ background:#C00;}
.ul1{ display:none; position:absolute; background:#EFEFEF; width:140px;}
.lidiv:hover > .ul1{ display:block; right:-140px; margin-top:-21px;}
</style>
</head>
<body>
<div style="text-align:center; margin-left:300px; min-width:500px;">
<div class="tablediv">
DIV+CSS入门
<div class="trdiv">
<div class="lidiv"><a href="#">DIV+CSS入门1</a>
<div class="ul1">
<div class="lidiv"><a href="#">DIV+CSS入门1</a></div>
<div class="lidiv"><a href="#">DIV+CSS入门2</a>
<div class="ul1">
<div class="lidiv"><a href="#">DIV+CSS入门1</a></div>
<div class="lidiv"><a href="#">DIV+CSS入门2</a></div>
<div class="lidiv"><a href="#">DIV+CSS入门3</a>
<div class="ul1">
<div class="lidiv"><a href="#">DIV+CSS入门1</a></div>
<div class="lidiv"><a href="#">DIV+CSS入门2</a></div>
<div class="lidiv"><a href="#">DIV+CSS入门3</a></div>
</div>
</div>
</div>
</div>
<div class="lidiv"><a href="#">DIV+CSS入门3</a></div>
<div class="lidiv"><a href="#">DIV+CSS入门4</a></div>
</div>
</div>
<div class="lidiv"><a href="#">DIV+CSS入门2</a>
<div class="ul1">
<div class="lidiv"><a href="#">DIV+CSS入门1</a></div>
<div class="lidiv"><a href="#">DIV+CSS入门2</a></div>
<div class="lidiv"><a href="#">DIV+CSS入门3</a></div>
</div>
</div>
<div class="lidiv"><a href="#">DIV+CSS入门3</a></div>
</div>
</div>
<div class="tablediv">
DIV+CSS进阶
<div class="trdiv">
<div class="lidiv"><a href="#">DIV+CSS进阶1</a></div>
<div class="lidiv"><a href="#">DIV+CSS进阶2</a></div>
<div class="lidiv"><a href="#">DIV+CSS进阶3</a></div>
</div>
</div>
<div class="tablediv">
DIV+CSS深入
<div class="trdiv">
<div class="lidiv"><a href="#">DIV+CSS深入1</a></div>
<div class="lidiv"><a href="#">DIV+CSS深入2</a></div>
<div class="lidiv"><a href="#">DIV+CSS深入3</a></div>
</div>
</div>
<div class="tablediv">
DIV+CSS精通
<div class="trdiv">
<div class="lidiv"><a href="#">DIV+CSS精通1</a></div>
<div class="lidiv"><a href="#">DIV+CSS精通2</a></div>
<div class="lidiv"><a href="#">DIV+CSS精通3</a></div>
<div class="lidiv"><a href="#">DIV+CSS精通4</a></div>
</div>
</div>
</div>
</body>
</html>
- DIV+CSS编写的Menu
- DIV+CSS编写的Menu 一
- css+div的一些menu
- Div Css Menu Tools Tree
- CSS的DIV编写一个页面
- DIV+CSS Pop-Out Menu Tutorial
- div居中的设置该如何编写css?
- 编写符合SEO标准的DIV+CSS风格网页
- 编写符合SEO标准的DIV+CSS风格网页
- div+css编写html的table表头斜线
- 多级导航Menu的CSS
- CSS menu
- DIV+CSS样式编写公共样式标准
- DIV+CSS样式编写字体大小标准
- DIV+CSS----Div的定位
- div+css适合div的css属性
- CSS+DIV的优缺点
- 经典的div+CSS
- 在eclipse及myEclipse下安装插件之方法
- KTween 补间引擎
- Java自学日记(二)
- Kerberos原理
- 遭遇Trojan.Alipop,microinfo.dll,gofwk.pic,game.dll,qpjmy.exe,nnaa.exe,SafeDrv.exe等2
- DIV+CSS编写的Menu
- 《网页图像处理》期末考试要求
- htc g7 接收彩信
- atoi
- 何为大学?
- tdbgrid 触发 FetchRowStyle 事件注意事项
- 卧春-学生版
- jquery 操作 img
- 无线路由脚本分析——计算路由开销