导航下拉二级菜单特效
来源:互联网 发布:caffe pdf 编辑:程序博客网 时间:2024/04/30 20:49
<!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=utf-8" />
<title>兼容多种浏览器的下拉式二级菜单</title>
<style type="text/css">
.menu {
font:"宋体" 12px;
width:760px;
margin:0;
margin:50px auto;
}
.menu ul {
padding:0;
margin:0;
list-style-type: none;
}
.menu ul li {
float:left;
position:relative;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-align:center;
text-decoration:none;
width:104px;
height:30px;
color:#fff;
border:1px solid #fff;
border-width:1px 1px 0 0;
background:#0055A6;
line-height:30px;
font-size:13px;
letter-spacing:1px;
}
.menu ul li ul {
display: none;
}
.menu ul li:hover a {
color:#fff;
background:#0288dc;
}
.menu ul li:hover ul {
display:block;
position:absolute;
top:31px;
left:0;
width:105px;
}
.menu ul li:hover ul li a {
display:block;
background:#0288dc;
height:20px;
line-height:20px;
color:#fff;
font-size:13px;
}
.menu ul li:hover ul li a:hover {
color:#000;
}
</style>
</head>
<body>
<div class="menu">
<ul>
<li><a class="hide">走进亘元</a>
<ul>
<li><a href="#">概 况</a></li>
<li><a href="#">组织架构</a></li>
<li><a href="#">大事纪要</a></li>
</ul>
</li>
<li><a class="hide" href="#">企业文化</a>
<ul>
<li><a href="#">企业荣誉</a></li>
<li><a href="#">公益活动</a></li>
</ul>
</li>
<li><a class="hide" href="#">资讯中心</a>
<ul>
<li><a href="#">集团新闻</a></li>
<li><a href="#">公司新闻</a></li>
<li><a href="#">政策风向</a></li>
<li><a href="#">媒体报道</a></li>
</ul>
</li>
<li><a class="hide" href="#">开发案例</a>
<ul>
<li><a href="#">太阳都市花园</a></li>
<li><a href="#">望都·郡府</a></li>
<li><a href="#">望都·郡府二期</a></li>
<li><a href="#">望都·太阳城</a></li>
<li><a href="#">望都·水木灵州</a></li>
</ul>
</li>
<li><a class="hide" href="#">人力资源</a>
<ul>
<li><a href="#">招聘计划</a></li>
<li><a href="#">人事公告</a></li>
</ul>
</li>
<li><a class="hide" href="#">商务合作</a>
<ul>
<li><a href="#">土地合作</a></li>
<li><a href="#">招标中心</a></li>
<li><a href="#">合作伙伴</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</li>
<li><a class="hide" href="#">联系我们</a>
<ul>
<li><a href="#" >模板王</a></li>
<li><a href="#">特效脚本</a></li>
</ul>
</li>
</ul>
</div>
</body>
</html>
- 导航下拉二级菜单特效
- 导航栏二级下拉菜单的js特效
- 二级下拉菜单导航
- 二级动态导航菜单特效
- 二级下拉菜单导航菜单样式
- 下拉滑动二级导航菜单demo
- jquery实现二级导航下拉菜单效果
- 城市地区级联二级下拉选择菜单js特效
- 适用于网站后台的竖向二级下拉导航菜单
- 最简洁的纯CSS菜单,二级下拉导航
- 22款经典UI设计二级下拉菜单导航系列
- jquery导航插件制作二级下拉菜单列表1
- DEDECMS v5.7 完美实现导航条下拉二级菜单
- Dedecms调用栏目导航并生成二级下拉菜单
- js实现 导航栏二级菜单hover下拉效果
- 如何实现导航菜单栏中的二级下拉菜单?
- 如何实现导航菜单栏中的二级下拉菜单?
- 如何实现导航菜单栏中的二级下拉菜单?
- Excel导入的相关问题
- mysql基本操作
- 关于学习Hadoop中未总结的资料
- windows 7 下简单命令创建wifi(手机电脑同时联网)
- centOS只能打开百度、谷歌等网站的问题
- 导航下拉二级菜单特效
- CentOS 6.3+apache+nginx+mysql+php环境配置
- CentOS6.4系统中Mysql数据库卸载、安装与配置教程
- 终于调通了SSH.
- 软件设计模式系列之四 门面模式(也叫外观模式,Facade) .
- CentOS杂记
- 《算法导论》排序算法
- CentOS 安装 Apache 后其他机器无法访问的解决方法
- CentOS apache配置虚拟服务器