仿admin5站长网首页导航菜单代码代码,Css代码库,德仔网

代码语言
代码分类
【Css】仿admin5站长网首页导航菜单代码
作者:Dezai.CN / 发布于2012/4/17/ 618
<div><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<meta http-equiv="Content-Language" content="zh-cn" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS+CSS仿admin5站长网首页导航菜单代码 - <a href="http://www.6a8a.com</title">www.6a8a.com</title</a>>
<style type="text/css">
h4,div,ul,li,span{ padding:0px; margin:0px}
/* 最外面DIV的样式 */
#slidingBlock {
width:980px;
over-flow:hidden;
margin:auto;
height:60px;
border:#ccc solid 1px;
background-image: url(<a href="http://www.6a8a.com/images/nav1.jpg">http://www.6a8a.com/images/nav1.jpg</a>);
background-repeat: repeat-x;
background-position: top;
}
#nav_box{
height:33px;
width:958px;
text-align:center;
margin-left: 11px;
}
#slidingBlock a{ color:#000;
}
#slidingBlock h4 {
float:left;
width:78px;
height:33px;
line-height:33px;
text-align:center;
font-size:12px;
over-flow:hidden;
float:left;
background-image: url(<a href="http://www.6a8a.com/images/nav1.jpg">http://www.6a8a.com/images/nav1.jpg</a>);
background-repeat: repeat-x;
}
#slidingBlock h4.menuNo {
font-weight:normal;
color: #fff;
}
#slidingBlock h4.menuOn {
background-image: url(<a href="http://www.6a8a.com/images/nav2.jpg">http://www.6a8a.com/images/nav2.jpg</a>);
background-repeat: no-repeat;
background-position: 6px bottom;
color:#1368c2
}
#line{ width:2px; height:33px;
background-image: url(<a href="http://www.6a8a.com/images/nav5.jpg">http://www.6a8a.com/images/nav5.jpg</a>);
background-repeat: no-repeat;
float:left
}
#slidingBlock DIV.slidingList_none {
 display:none
}
#slidingBlock DIV.slidingList {
width:auto;
margin:0px;
padding:0px;
height:27px;
clear:both;
background-image: url(<a href="http://www.6a8a.com/images/nav4.jpg">http://www.6a8a.com/images/nav4.jpg</a>);
background-repeat: repeat-x;
line-height:27px
}
#slidingBlock DIV.slidingList ul {
 margin:0px;padding:0px; list-style:none;
}
#slidingBlock DIV.slidingList li {
float:left;
height:20px;
line-height:20px;
font-size:12px;
text-indent:20px;
}
</style>
</head>
<body>
<div id="slidingBlock">
<script language="javascript">
 function switchmodTag(modtag,modcontent,modk) {
 for(i=1; i <13; i++) {
 if (i==modk) {
 document.getElementById(modtag+i).className="menuOn";document.getElementById(modcontent+i).className="slidingList";}
 else {
 document.getElementById(modtag+i).className="menuNo";document.getElementById(modcontent+i).className="slidingList_none";}
 }
 }
</script><div id="nav_box">
<h4 class="menuOn" id="mod1" onmouseover="switchmodTag('mod','slidingList','1');this.blur();">
网站首页</h4><div id="line"></div>
<h4 class="menuNo" id="mod2" onmouseover="switchmodTag('mod','slidingList','2');this.blur();">
网页特效</h4><div id="line"></div>
<h4 class="menuNo" id="mod3" onmouseover="switchmodTag('mod','slidingList','3');this.blur();">
最新更新</h4><div id="line"></div>
<h4 class="menuNo" id="mod4" onmouseover="switchmodTag('mod','slidingList','4');this.blur();">
下载排行</h4><div id="line"></div>
<h4 class="menuNo" id="mod5" onmouseover="switchmodTag('mod','slidingList','5');this.blur();">
源码分类</h4><div id="line"></div>
<h4 class="menuNo" id="mod6" onmouseover="switchmodTag('mod','slidingList','6');this.blur();">
ASP源码</h4><div id="line"></div>
<h4 class="menuNo" id="mod7" onmouseover="switchmodTag('mod','slidingList','7');this.blur();">
PHP源码</h4><div id="line"></div>
<h4 class="menuNo" id="mod8" onmouseover="switchmodTag('mod','slidingList','8');this.blur();">
.NET源码</h4><div id="line"></div>
<h4 class="menuNo" id="mod9" onmouseover="switchmodTag('mod','slidingList','9');this.blur();">
JAVA源码</h4><div id="line"></div>
<h4 class="menuNo" id="mod10" onmouseover="switchmodTag('mod','slidingList','10');this.blur();">
DELPHI源码</h4><div id="line"></div>
<h4 class="menuNo" id="mod11" onmouseover="switchmodTag('mod','slidingList','11');this.blur();">
VC++源码</h4><div id="line"></div>
<h4 class="menuNo" id="mod12" onmouseover="switchmodTag('mod','slidingList','12');this.blur();">
VB源码</h4></div>
<div class="slidingList" id="slidingList1">
<ul>
<li ><a href="/">6a8a.com</a></li>
<li ><a href="/">分类导航</a></li>
<li ><a href="/">最新更新</a></li>
<li ><a href="/">下载排行</a></li>
</ul>
</div>
<div class="slidingList_none" id="slidingList2">
<ul>
<li > <a href="/">层和布局</a></li>
<li > <a href="/">菜单导航</a></li>
<li > <a href="/">表单及按钮</a></li>
</ul>
</div>
<div class="slidingList_none" id="slidingList3">
<ul>
<li ><a href="/">最新更新</a></li>
</ul>
</div>
<div class="slidingList_none" id="slidingList4">
<ul>
<li ><a href="/">下载排行</a></li>
</ul>
</div>
<div class="slidingList_none" id="slidingList5">
<ul>
<li ><a href="/">源码分类导航</a></li>
</ul>
</div><div class="slidingList_none" id="slidingList6">
<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><li><a href="/">CMS系统</a></li><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>
</div><div class="slidingList_none" id="slidingList7">
<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><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><li><a href="/">动画娱乐</a></li><li><a href="/">文件管理</a></li>
</ul>
</div><div class="slidingList_none" id="slidingList8">
<ul>
<li><a href="/">聊天留言</a></li><li><a href="/sort/list_3_121_1.shtml">CMS系统</a></li><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><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><li><a href="/">搜索链接</a></li>
</ul>
</div><div class="slidingList_none" id="slidingList9">
<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><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>
</div><div class="slidingList_none" id="slidingList10">
<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><li><a href="/html">图形处理</a></li><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>
</div><div class="slidingList_none" id="slidingList11">
<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><li><a href="/">网络相关</a></li><li><a href="/">文件操作</a></li><li><a href="/">系统相关</a></li><li><a href="/">游戏编程</a></li>
</ul>
</div><div class="slidingList_none" id="slidingList12">
<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><li><a href="/shtml">图形处理</a></li><li><a href="/">网络相关</a></li><li><a href="/">文件操作</a></li><li><a href="/html">系统相关</a></li><li><a href="/">游戏编程</a></li><li><a href="/">算法相关</a></li>
</ul>
</div>
</div>

</body>
</html></div>
评论列表
本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。
试试其它关键字
　首页导航菜单　
同语言下
可能有用的
Dezai.CN贡献的其它代码(4037)