CSS二级菜单代码，简洁标准版
一款运用CSS技术实现的二级网站菜单，风格设计比较简洁，颜色格调默认是这种颜色，自己喜欢的颜色可以自己修改。CSS二级菜单代码分享给网页们。
当前位置：编程学习 > JS >>
答案：<!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>一个纯CSS二级菜单代码</title>
<style>
html,body,div,span,iframe,map,font,img,a img,samp,strong,hr,h1,h2,h3,h4,h5,h6,b,p,blockquote,a,address,code,dl,dt,dd,ol,ul,li,form,label,table,tr,td,th{padding:0;margin:0;border:0;font-weight:normal;font-size:12px;font-family: Arial, Helvetica, sans-serif;line-height:1.8;}
body{background:#E6E6E6;}ul,li{list-style:none;}dl{}.f_l{float:left;}.f_r{float:right;}
.main{padding:50px;}
.nav{padding:10px 20px 0 20px;background:#cc6;height:26px;}
.nav li{height:26px;border-right:1px solid #000; float:left; margin-right:1px; text-align:center;}
a{width:100px;display:block;height:26px;}
a:link,a:visited{color:#000;background:#Cf6;text-decoration: none;}
a:hover{ color:#ff0;background:#999;}
.nav span{ display: none; }
.nav a:hover span{display: block;position:absolute;border:1px solid #640000;background:#ff6;margin-top:26px!important; margin-top:20px;color:#000;
padding:5px;white-space: nowrap;}
.wrap{background:#996; border-top:1px solid #333; padding:20px;color:#fff;}
</style>
</head>
<body>
<div class="nav">
<ul>
<li><a href="#"><span>点击进入源码下载首页</span>网站首页</a></li>
<li><a href="#"><span>精品CSS、HTML实用代码</span>资源下载</a></li>
<li><a href="#"><span>自定自定义内容义内容</span>源码下载</a></li>
<li><a href="#"><span>自定义自定义内容内容</span>网页特效</a></li>
<li><a href="#"><span>刚刚更新的内容</span>最新更新</a></li>
<li><a href="#"><span>最热门的资源下载</span>下载排行</a></li>
<li><a href="#"><span>自自定义内容定义内容</span>自定义</a></li>
</ul>
</div>
<div class="wrap">
自定义内容：欢迎来到站长资源库网站，我们为您提供编程源码、网站源码、网页素材、书籍教程、网站模板、网页特效代码等，做有质量的学习型源码下载站。</div>
</body>
</html>
- 更多JS疑问解答：
- 几个验证11位手机号码格式的js代码
- js把图片转换成 base64代码
- js把base代码转换成图片
- JS 将 base64编码的图片转化为图片文件
- js中的定时器
- js如何获得FCKeditor控件的值
- 用js限制投票的cookie .目前设置的为：<input type="" class="" onclick="'window.location...
- JS验证，这块“牛皮”反复修改都不能实现
- 在JS中使用DOM模型
- 如何用JS 获取本地文件夹的文件列表
- js中new 了两个Object数组。怎么样将数组内容合并，重复的内容？
- 求实现自动生成图片缩略图的JS代码
- JS脚本网页问题
- js，代码中"object"和"Object"区别？
- js+flash实现网页图片切换效果，出现边框，单击激活此控件。