素材首页
GIF
PNG
PSD
矢量
字体
PS样式
PS形状
PS笔刷
代码
特效
背景
模板
Flash
表情头像
站内搜索
当前位置导航：
炫浪网
>>
设计素材
>>
网页特效代码
>>
导航类
实用的TAB横向下拉菜单效果
更新时间：2009年05月09日
点击数：
<!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>仿经典导航菜单</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?http://www.xvna.com" 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?http://www.xvna.com" 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?http://www.xvna.com" 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?http://www.xvna.com" 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?http://www.xvna.com" 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?http://www.xvna.com" 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?http://www.xvna.com" 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?http://www.xvna.com" 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?http://www.xvna.com" 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?http://www.xvna.com" width="86" height="1" /></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif?http://www.xvna.com" width="6" height="3" /></div></td> <td width="86" id="line2"><img src="http://www.blueidea.com/img/spacer.gif?http://www.xvna.com" width="86" height="1" /></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif?http://www.xvna.com" width="6" height="3" /></div></td> <td width="86" id="line3"><img src="http://www.blueidea.com/img/spacer.gif?http://www.xvna.com" width="86" height="1" /></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif?http://www.xvna.com" width="6" height="3" /></div></td> <td width="86" id="line4"><img src="http://www.blueidea.com/img/spacer.gif?http://www.xvna.com" width="86" height="1" /></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif?http://www.xvna.com" width="6" height="3" /></div></td> <td width="86" id="line5"><img src="http://www.blueidea.com/img/spacer.gif?http://www.xvna.com" width="86" height="1" /></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif?http://www.xvna.com" width="6" height="3" /></div></td> <td width="86" id="line6"><img src="http://www.blueidea.com/img/spacer.gif?http://www.xvna.com" width="86" height="1" /></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif?http://www.xvna.com" width="6" height="3" /></div></td> <td width="86" id="line7"><img src="http://www.blueidea.com/img/spacer.gif?http://www.xvna.com" width="86" height="1" /></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif?http://www.xvna.com" width="6" height="3" /></div></td> <td width="86" id="line8"><img src="http://www.blueidea.com/img/spacer.gif?http://www.xvna.com" width="86" height="1" /></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif?http://www.xvna.com" width="6" height="3" /></div></td> <td width="86" id="line9"><img src="http://www.blueidea.com/img/spacer.gif?http://www.xvna.com" width="86" height="1" /></td> <td width="6"><div align="center"><img src="http://www.blueidea.com/img/spacer.gif?http://www.xvna.com" width="6" height="3" /></div></td> <td width="87" id="line10"><img src="http://www.blueidea.com/img/spacer.gif?http://www.xvna.com" 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> <br/><br/>更多代码请访问 炫浪素材 sc.xvna.com </body> </html>
赞助商链接
炫友推荐
紫色梦幻背景与蝴蝶花纹矢量素材
紫色时尚花纹矢量素材
500款实用网站装饰小图标png图标
244个黑色简约风格PNG小图标
时尚手绘花纹psd素材
FZCQJW－中文字体下载
渲染花朵psd分层素材
hzgb2－中文字体下载
杂七杂八的花纹矢量素材
FZCCHJW－中文字体下载
炫浪推广
【注意】炫浪网 版权所有,未经书面授权禁止模仿风格或建立镜像网站.如有违反,追究法律责任.
【声明】本网站部分内容属社区网友发布，本网站仅提供网友交流平台，但有权在本网站范围内引用、发布、
转载来自社区网友发布的内容。网友发布内容纯属个人行为，与本网站立场无关。本网站对于网友发布的
内容所引发的版权、署名权的异议及纠纷，不承担任何责任。 粤ICP备
11064832
号 公安备案编号：4453023010550
