版权声明
·
网站留言
·
联系我们
·
加入收藏
热门关键词：
焦点图
png图标
背景
按钮
首页
PNG图标
广告代码
网页模板
字体下载
JS代码
CSS样式
技术文档
网站常用
gif图片
JPG图片
JavaScript用户手册
flash动画
jsp编程
.net编程
网站配色
网站优化
Oracle教程
JS技术
数据库编程
网络维护
html基础
安全相关
测试相关
知识扩展
CSS技术
DIV+CSS实例
DIV+CSS教程
鼠标特效
网站常用
文字特效
时间日期
图片特效
表格图层
导航菜单
网页特效
详细内容
首页
>>
JS
>>
导航菜单
>> 正文
[
关闭窗口
]
仿经典导航菜单
发布日期：2010-03-16
点击：6373
<!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>仿经典导航菜单--站点基地[zdbase.com]</title> <style type="text/css"> td{font-size:12px;} .unsel{background-color:#8c8ba1; background-position:top; background-repeat:repeat-x; color:#FFFFFF; font-weight:normal;} .sel {background-color:#666688; color:#FFFFFF; font-weight:bold;} .content{background-color:#666688; height:25px; padding-left:20px; padding-right:20px; color:#ffffff;} .lineunsel{background-color:#FFFFFF;} .linesel{background:#666688;} a:link {color:#ffffff;text-decoration:none;} a:visited {color:#ffffff;text-decoration:none;} a:active {color:#ffffff;text-decoration:none;} a:hover {color:#ffffff;text-decoration:underline;} </style> <script language="javascript"> function showdh(n){ for(var i=1;i<=10;i++){ eval("dh"+i).className="unsel" eval("line"+i).className="lineunsel"; eval("menu"+i).style.display="none"; } eval("dh"+n).className="sel" eval("line"+n).className="linesel"; eval("menu"+n).style.display=""; } </script> </head> <body onload="javascript:showdh(1);"> <table width="915" height="30" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="86" class="unsel" id="dh1"><div align="center"><a href="javascript:showdh(1);">业界动态</a></div></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif" width="6" height="6" /></div></td> <td width="86" class="unsel" id="dh2"><div align="center"><a href="javascript:showdh(2);">技术文档</a></div></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif" width="6" height="6" /></div></td> <td width="86" class="unsel" id="dh3"><div align="center"><a href="javascript:showdh(3);">艺术设计</a></div></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif" width="6" height="6" /></div></td> <td width="86" class="unsel" id="dh4"><div align="center"><a href="javascript:showdh(4);">摄影摄像</a></div></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif" width="6" height="6" /></div></td> <td width="86" class="unsel" id="dh5"><div align="center"><a href="javascript:showdh(5);">计算机技术</a></div></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif" width="6" height="6" /></div></td> <td width="86" class="unsel" id="dh6"><div align="center"><a href="javascript:showdh(6);">资源下载</a></div></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif" width="6" height="6" /></div></td> <td width="86" class="unsel" id="dh7"><div align="center"><a href="javascript:showdh(7);">个人专档</a></div></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif" width="6" height="6" /></div></td> <td width="86" class="unsel" id="dh8"><div align="center"><a href="javascript:showdh(8);">CG绘画</a></div></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif" width="6" height="6" /></div></td> <td width="86" class="unsel" id="dh9"><div align="center"><a href="javascript:showdh(9);">专题</a></div></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif" width="6" height="6" /></div></td> <td width="87" class="sel" id="dh10"><div align="center"><a href="javascript:showdh(10);">经典论坛</a></div></td> </tr> </table> <table width="915" height="3" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="86" height="6" id="line1"><img src="http://www.blueidea.com/img/spacer.gif" width="86" height="1" /></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif" width="6" height="3" /></div></td> <td width="86" id="line2"><img src="http://www.blueidea.com/img/spacer.gif" width="86" height="1" /></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif" width="6" height="3" /></div></td> <td width="86" id="line3"><img src="http://www.blueidea.com/img/spacer.gif" width="86" height="1" /></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif" width="6" height="3" /></div></td> <td width="86" id="line4"><img src="http://www.blueidea.com/img/spacer.gif" width="86" height="1" /></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif" width="6" height="3" /></div></td> <td width="86" id="line5"><img src="http://www.blueidea.com/img/spacer.gif" width="86" height="1" /></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif" width="6" height="3" /></div></td> <td width="86" id="line6"><img src="http://www.blueidea.com/img/spacer.gif" width="86" height="1" /></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif" width="6" height="3" /></div></td> <td width="86" id="line7"><img src="http://www.blueidea.com/img/spacer.gif" width="86" height="1" /></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif" width="6" height="3" /></div></td> <td width="86" id="line8"><img src="http://www.blueidea.com/img/spacer.gif" width="86" height="1" /></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif" width="6" height="3" /></div></td> <td width="86" id="line9"><img src="http://www.blueidea.com/img/spacer.gif" width="86" height="1" /></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif" width="6" height="3" /></div></td> <td width="87" id="line10"><img src="http://www.blueidea.com/img/spacer.gif" width="86" height="1" /></td> </tr> </table> <table width="915" border="0" align="center" cellpadding="0" cellspacing="0"> <tr id="menu1" style="display:none"> <td class="content"><a href="#">业界动态一</a> <a href="#">业界动态二</a> <a href="#">业界动态三</a> <a href="#">业界动态四</a> <a href="#">业界动态五</a> <a href="#">业界动态六</a> <a href="javascript:showdh(3);">业界动态七</a></td> </tr> <tr id="menu2" style="display:none;"> <td class="content"><a href="#">技术文档一</a> <a href="#">技术文档二</a> <a href="#">技术文档三</a> <a href="#">技术文档四</a></td> </tr> <tr id="menu3" style="display:none;"> <td class="content"><a href="#">艺术设计一</a> <a href="#">艺术设计二</a> <a href="#">艺术设计三</a> <a href="#">艺术设计四</a> <a href="#">艺术设计五</a> <a href="#">艺术设计六</a></td> </tr> <tr id="menu4" style="display:none;"> <td class="content"><a href="#">摄影摄像一</a> <a href="#">摄影摄像二</a> <a href="#">摄影摄像三</a></td> </tr> <tr id="menu5" style="display:none;"> <td class="content"><a href="#">计算机技术一</a> <a href="#">计算机技术二</a> <a href="#">计算机技术三</a> <a href="#">计算机技术四</a> <a href="#">计算机技术五</a> <a href="#">计算机技术六</a> <a href="#">计算机技术七</a> <a href="#">计算机技术八</a></td> </tr> <tr id="menu6" style="display:none;"> <td class="content"><a href="#">资源下载一</a> <a href="#">资源下载二</a> <a href="#">资源下载三</a> <a href="#">资源下载四</a></td> </tr> <tr id="menu7" style="display:none;"> <td class="content"><a href="#">个人专档一</a> <a href="#">个人专档二</a> <a href="#">个人专档三</a> <a href="#">个人专档四</a> <a href="#">个人专档五</a> <a href="#">个人专档六</a> <a href="#">个人专档七</a> <a href="#">个人专档八</a></td> </tr> <tr id="menu8" style="display:none;"> <td class="content"><a href="#">CG绘画一</a> <a href="#">CG绘画二</a> <a href="#">CG绘画三</a> <a href="#">CG绘画四</a> <a href="#">CG绘画五</a></td> </tr> <tr id="menu9" style="display:none;"> <td class="content"><a href="#">专题一</a> <a href="#">专题二</a> <a href="#">专题三</a> <a href="#">专题四</a> <a href="#">专题五</a> <a href="#">专题六</a> <a href="#">专题七</a> <a href="#">专题八</a> <a href="#">专题九</a> <a href="#">专题十</a> <a href="#">专题十一</a> <a href="#">专题十二</a> <a href="#">专题十三</a></td> </tr> <tr id="menu10" style="display:none;"> <td class="content"><a href="#">经典论坛一</a> <a href="#">经典论坛二</a> <a href="#">经典论坛三</a> <a href="#">经典论坛四</a> <a href="#">经典论坛五</a> <a href="#">经典论坛六</a></td> </tr></table> <table width="915" border="0" cellspacing="0" cellpadding="0"><tr></tr> </table> <p>查找更多代码，请访问：<a href="http://www.zdbase.com" target="_blank">站点基地</a></p> </body> </html>
提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。
相关文章
关于我们
-
版权声明
-
联系我们
-
网站留言
-
网站地图
Copyright © 2010 zdbase.com All Rights Reserved.
苏ICP备15039389号
可人软件设计