您好！欢迎来到.Net中文社区！
[登录]
[免费注册]
[匿名投稿]
首 页
业界动态
数据库
.Net编程
Silverlight
AJAX编程
实用代码
网页标准
美工之家
热门：
网页模板
.net视频教程
JQuery
MVC
json
ExtJs
源码示例
三级联动
JQuery菜单
您现在的位置：
.Net中文社区
>>
实用代码
>>正文内容
仿蓝色理想TAB横向下拉菜单效果
发布时间：2009年02月03日
点击数： 次
未知
<!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>仿蓝色理想经典导航菜单-ASPXCS.Net</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);" _fcksavedurl="javascript:showdh(1);">业界动态</a></div></td> <td width="6"><div align="center"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="6" height="6" /></div></td> <td width="86" class="unsel" id="dh2"><div align="center"><a href="javascript:showdh(2);" _fcksavedurl="javascript:showdh(2);">技术文档</a></div></td> <td width="6"><div align="center"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="6" height="6" /></div></td> <td width="86" class="unsel" id="dh3"><div align="center"><a href="javascript:showdh(3);" _fcksavedurl="javascript:showdh(3);">艺术设计</a></div></td> <td width="6"><div align="center"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="6" height="6" /></div></td> <td width="86" class="unsel" id="dh4"><div align="center"><a href="javascript:showdh(4);" _fcksavedurl="javascript:showdh(4);">摄影摄像</a></div></td> <td width="6"><div align="center"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="6" height="6" /></div></td> <td width="86" class="unsel" id="dh5"><div align="center"><a href="javascript:showdh(5);" _fcksavedurl="javascript:showdh(5);">计算机技术</a></div></td> <td width="6"><div align="center"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="6" height="6" /></div></td> <td width="86" class="unsel" id="dh6"><div align="center"><a href="javascript:showdh(6);" _fcksavedurl="javascript:showdh(6);">资源下载</a></div></td> <td width="6"><div align="center"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="6" height="6" /></div></td> <td width="86" class="unsel" id="dh7"><div align="center"><a href="javascript:showdh(7);" _fcksavedurl="javascript:showdh(7);">个人专档</a></div></td> <td width="6"><div align="center"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="6" height="6" /></div></td> <td width="86" class="unsel" id="dh8"><div align="center"><a href="javascript:showdh(8);" _fcksavedurl="javascript:showdh(8);">CG绘画</a></div></td> <td width="6"><div align="center"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="6" height="6" /></div></td> <td width="86" class="unsel" id="dh9"><div align="center"><a href="javascript:showdh(9);" _fcksavedurl="javascript:showdh(9);">专题</a></div></td> <td width="6"><div align="center"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="6" height="6" /></div></td> <td width="87" class="sel" id="dh10"><div align="center"><a href="javascript:showdh(10);" _fcksavedurl="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="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="86" height="1" /></td> <td width="6"><div align="center"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="6" height="3" /></div></td> <td width="86" id="line2"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="86" height="1" /></td> <td width="6"><div align="center"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="6" height="3" /></div></td> <td width="86" id="line3"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="86" height="1" /></td> <td width="6"><div align="center"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="6" height="3" /></div></td> <td width="86" id="line4"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="86" height="1" /></td> <td width="6"><div align="center"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="6" height="3" /></div></td> <td width="86" id="line5"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="86" height="1" /></td> <td width="6"><div align="center"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="6" height="3" /></div></td> <td width="86" id="line6"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="86" height="1" /></td> <td width="6"><div align="center"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="6" height="3" /></div></td> <td width="86" id="line7"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="86" height="1" /></td> <td width="6"><div align="center"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="6" height="3" /></div></td> <td width="86" id="line8"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="86" height="1" /></td> <td width="6"><div align="center"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="6" height="3" /></div></td> <td width="86" id="line9"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="86" height="1" /></td> <td width="6"><div align="center"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.gif" width="6" height="3" /></div></td> <td width="87" id="line10"><img src="/UploadFiles/SYDM/2009/2/200902030957242411.gif" _fcksavedurl="/UploadFiles/SYDM/2009/2/200902030957242411.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="#" _fcksavedurl="#">业界动态一</a> <a href="#" _fcksavedurl="#">业界动态二</a> <a href="#" _fcksavedurl="#">业界动态三</a> <a href="#" _fcksavedurl="#">业界动态四</a> <a href="#" _fcksavedurl="#">业界动态五</a> <a href="#" _fcksavedurl="#">业界动态六</a> <a href="javascript:showdh(3);" _fcksavedurl="javascript:showdh(3);">业界动态七</a></td> </tr> <tr id="menu2" style="display:none;"> <td class="content"><a href="#" _fcksavedurl="#">技术文档一</a> <a href="#" _fcksavedurl="#">技术文档二</a> <a href="#" _fcksavedurl="#">技术文档三</a> <a href="#" _fcksavedurl="#">技术文档四</a></td> </tr> <tr id="menu3" style="display:none;"> <td class="content"><a href="#" _fcksavedurl="#">艺术设计一</a> <a href="#" _fcksavedurl="#">艺术设计二</a> <a href="#" _fcksavedurl="#">艺术设计三</a> <a href="#" _fcksavedurl="#">艺术设计四</a> <a href="#" _fcksavedurl="#">艺术设计五</a> <a href="#" _fcksavedurl="#">艺术设计六</a></td> </tr> <tr id="menu4" style="display:none;"> <td class="content"><a href="#" _fcksavedurl="#">摄影摄像一</a> <a href="#" _fcksavedurl="#">摄影摄像二</a> <a href="#" _fcksavedurl="#">摄影摄像三</a></td> </tr> <tr id="menu5" style="display:none;"> <td class="content"><a href="#" _fcksavedurl="#">计算机技术一</a> <a href="#" _fcksavedurl="#">计算机技术二</a> <a href="#" _fcksavedurl="#">计算机技术三</a> <a href="#" _fcksavedurl="#">计算机技术四</a> <a href="#" _fcksavedurl="#">计算机技术五</a> <a href="#" _fcksavedurl="#">计算机技术六</a> <a href="#" _fcksavedurl="#">计算机技术七</a> <a href="#" _fcksavedurl="#">计算机技术八</a></td> </tr> <tr id="menu6" style="display:none;"> <td class="content"><a href="#" _fcksavedurl="#">资源下载一</a> <a href="#" _fcksavedurl="#">资源下载二</a> <a href="#" _fcksavedurl="#">资源下载三</a> <a href="#" _fcksavedurl="#">资源下载四</a></td> </tr> <tr id="menu7" style="display:none;"> <td class="content"><a href="#" _fcksavedurl="#">个人专档一</a> <a href="#" _fcksavedurl="#">个人专档二</a> <a href="#" _fcksavedurl="#">个人专档三</a> <a href="#" _fcksavedurl="#">个人专档四</a> <a href="#" _fcksavedurl="#">个人专档五</a> <a href="#" _fcksavedurl="#">个人专档六</a> <a href="#" _fcksavedurl="#">个人专档七</a> <a href="#" _fcksavedurl="#">个人专档八</a></td> </tr> <tr id="menu8" style="display:none;"> <td class="content"><a href="#" _fcksavedurl="#">CG绘画一</a> <a href="#" _fcksavedurl="#">CG绘画二</a> <a href="#" _fcksavedurl="#">CG绘画三</a> <a href="#" _fcksavedurl="#">CG绘画四</a> <a href="#" _fcksavedurl="#">CG绘画五</a></td> </tr> <tr id="menu9" style="display:none;"> <td class="content"><a href="#" _fcksavedurl="#">专题一</a> <a href="#" _fcksavedurl="#">专题二</a> <a href="#" _fcksavedurl="#">专题三</a> <a href="#" _fcksavedurl="#">专题四</a> <a href="#" _fcksavedurl="#">专题五</a> <a href="#" _fcksavedurl="#">专题六</a> <a href="#" _fcksavedurl="#">专题七</a> <a href="#" _fcksavedurl="#">专题八</a> <a href="#" _fcksavedurl="#">专题九</a> <a href="#" _fcksavedurl="#">专题十</a> <a href="#" _fcksavedurl="#">专题十一</a> <a href="#" _fcksavedurl="#">专题十二</a> <a href="#" _fcksavedurl="#">专题十三</a></td> </tr> <tr id="menu10" style="display:none;"> <td class="content"><a href="#" _fcksavedurl="#">经典论坛一</a> <a href="#" _fcksavedurl="#">经典论坛二</a> <a href="#" _fcksavedurl="#">经典论坛三</a> <a href="#" _fcksavedurl="#">经典论坛四</a> <a href="#" _fcksavedurl="#">经典论坛五</a> <a href="#" _fcksavedurl="#">经典论坛六</a></td> </tr></table> <table width="915" border="0" cellspacing="0" cellpadding="0"><tr></tr> </table> </body> </html>
随机文章推荐
经典三级导航菜单【推荐】
兼容所有浏览器经典JS图片滚动
30 个 jQuery 导航菜单插件和教程
前端效果图的jquery实现过程（左右加减传值
淘宝首页广告轮换效果插件【推荐】
兼容IE和Firefox的设为首页和收藏的Javascr
本站热点业务
更多
模板/案例展示
热门推荐
·
QQ经典JS相册效果【推荐】
·
jquery示例实现智能输入提示功能
·
仿QQ首页图片轮换效果
·
兼容所有浏览器经典JS图片滚动
·
CSS+JS 仿MSN TAB选项卡
·
jQuery图片相册展示插件
·
兼容性比较好且实用强大的弹出窗口
·
Javascript仿flash幻灯效果
·
纯div+css制作的向下弹出菜单【兼
·
前端效果图的jquery实现过程（左右
·
详解Tab(选项卡)的设计原则及应用
·
jQuery打造经典动态下滑菜单
·
图片伸缩放大功能，鼠标单击缩放
·
JS实现旋转展示效果【经典】
·
经典jQuery的对象切换插件
最近更新
·
比较喜欢的一种效果(原创)仿taobao
·
25个非常棒的jQuery滑块插件和教程
·
100个非常强大的CSS菜单教程指南
·
25个实用的jQuery Tooltip脚本
·
30个精美的jQuery幻灯片效果插件和
·
魅族官网的滑动导航菜单
·
超过 25 个华丽的 Web 日历组件
·
10 款很有创意的 jQuery 表格插件
·
20+ 个很棒的 jQuery 文件上传插件
·
13个超级有用的 jQuery 内容滚动插
·
13个超级有用的jQuery内容滚动插件
·
分享open-open AJAX开源项目中的几
·
30 个 jQuery 导航菜单插件和教程
·
常用JQuery插件整理
·
推荐10款非常有用的 Ajax 插件
