关于HTML的二级分类代码
来源:互联网 发布:网络直播录制 编辑:程序博客网 时间:2024/04/30 04:35
<!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>
<title></title>
<style type="text/css">
ul { list-style-type:none; height:30px; font-size:15px; background-color:Aqua; font-weight:bold;}
ul li { float:left;}
li a{ text-decoration:none; color:#666666; display:block; width:100px; height:30px;
line-height:30px; text-align:center;}
li a:hover{ background-color:#000000; color:Red;}
li ul{ background:#e0e0e0; border:2px solid #0079b2; display:none; height:auto;
position:absolute; width:100px; z-index:200px;}
li:hover ul{ display:block; width:auto;}
li ul li{ float:left; border:1px solid white; line-height:1.5em;}
li ul a{ display:block; text-align:left; padding:0px 10px 0px 15px;}
li ul a:hover{ background:#949494; color:#000000;}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">总导航1</a>
<ul>
<li><a href="#">AAAAA</a></li>//下级内容
<li><a href="#">BBBBB</a></li>
<li><a href="#">CCCCC</a></li>
</ul>
</li>
<li><a href="#">总导航2</a>
<ul>
<li><a href="#">DDDDD</a></li>
<li><a href="#">EEEEE</a></li>
<li><a href="#">FFFFF</a></li>
</ul>
</li>
<li><a href="#">总导航3</a></li>
<li><a href="#">总导航4</a></li>
</ul>
</div>
</body>
</html>
- 关于HTML的二级分类代码
- 漂亮的二级分类
- html下拉框之间的联动------一级分类和二级分类
- 不错的二级菜单代码,采用CSS+JS.html
- html 二级菜单的显示和隐藏。+代码(亲测)
- thinkphp调用二级栏目(二级分类) 函数+模板 完整代码
- thinkphp调用二级栏目(二级分类) 函数+模板 完整代码
- 关于二级联动/三级联动下拉框的示例代码
- 二级联动的代码
- TP中简易的二级三级分类
- CategoryFragment中一级分类、二级分类的实现
- xml中关于html代码的处理
- 关于html代码的一些认识
- 关于二级指针的理解
- HTML标签的分类
- html元素的分类
- HTML的元素分类
- html的元素分类
- cocos2d-x的CCDirector::replaceScene(CCScene *pScene) 使用注意
- Fix some problem to build android2.3 on ubuntu11.10 32bit
- 利用Bundle实现Android Activity间消息的传递
- 《代码优化:有效使用内存》读书笔记(二)——优化技巧之展开循环
- 伙伴算法分配过程
- 关于HTML的二级分类代码
- CSS命名规范
- 1026 notes for thinking in c++(127-137)
- javax.mail使用
- 3ds max 了解弹簧反应器(spring reactor)的属性及行为
- VC-getlasterror返回值大全
- 第一个M/R程序
- 哈哈,收集的智力题
- JS判断输入表单全部空格或回车!