又一个漂亮的导航栏的下拉菜单

网上收集整合出来的，算是剽窃吧，IE6下用过，其他的没试。
<!-- by shundyang --><title>SHARE</title> BODY { MARGIN: 0px; } A.notes { FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none } .MS_link0 { BORDER-RIGHT: #1e77d3 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #1e77d3 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; BORDER-LEFT: #1e77d3 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #1e77d3 1px solid } .MS_link1 { BORDER-RIGHT: #a1c6eb 1px solid; PADDING-RIGHT: 4px; BORDER-TOP: #a1c6eb 1px solid; PADDING-LEFT: 4px; FONT-SIZE: 12px; BACKGROUND: #3484d7; PADDING-BOTTOM: 0px; BORDER-LEFT: #a1c6eb 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #a1c6eb 1px solid } .MS_linksep { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 2px; FONT: 12px Verdana; COLOR: #a1c6eb; PADDING-TOP: 0px } TD#msviGlobalToolbar { PADDING-BOTTOM: 2px; WIDTH: 200px; PADDING-TOP: 2px } #msviGlobalToolbar A { FONT: 12px Verdana; COLOR: #ffffff; TEXT-DECORATION: none } .MSFlyoutPopup { BORDER-RIGHT: #dddddd 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #dddddd 1px solid; PADDING-LEFT: 3px; Z-INDEX: 10; FILTER: progid:DXImageTransform.Microsoft.dropshadow(OffX=1,OffY=1,Color=#cccccc,Positive='true') alpha(opacity=90); PADDING-BOTTOM: 2px; BORDER-LEFT: #dddddd 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #dddddd 1px solid; FONT-FAMILY: "宋体"; BACKGROUND-COLOR: #1e77d3; TEXT-ALIGN: left } .MSFlyoutPopupHr { BACKGROUND: #d0e0f0; MARGIN: 0px 11px 21px; HEIGHT: 1px } .TFlyPopupAnimate { BORDER-RIGHT: gray 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: gray 1px solid; DISPLAY: block; PADDING-LEFT: 0px; Z-INDEX: 1; VISIBILITY: hidden; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; BORDER-LEFT: gray 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: gray 1px solid; POSITION: absolute } <TABLE cellSpacing="0" cellPadding="0" width="100%" align="center" border="0"> <TBODY> <TR> <TD width="150" height="20"> <TABLE cellSpacing="0" cellPadding="0" width="150" align="center" border="0"> <TBODY> <TR> <TD vAlign="center" align="middle"><FONT style="font-size:12px">2007年06月14日 星期四 </TD></TR></TBODY></TABLE></TD> <TD align="right" width="100%"> <TABLE cellSpacing="0" cellPadding="0" width="100%" align="center" border="0"> <TBODY> <TR> <TD vAlign="center" align="middle" width="100%"> 4月份年休假人员名单公布    请大家尽快上交4月份交通燃油发票。    4月25日文艺晚会推迟至4月29日，请互相转告！    查看全部   </TD></TR></TBODY></TABLE></TD> <TD id="msviGlobalToolbar"> <TABLE cellSpacing="0" cellPadding="0" align="center" border="0"> <TBODY> <TR> <TD class="MS_linksep">|</TD> <TD class="MS_link0" noWrap> 我的账户  <TABLE border="0"> <TBODY> <TR> <TD class="MS_link0" noWrap colSpan="3">shundyang</TD></TR> <TR> <TD class="MSFlyoutPopupHr" colSpan="3"></TD></TR> <TR> <TD class="MS_link0" noWrap>注销登录</TD> <TD class="MS_linksep">|</TD> <TD class="MS_link0" noWrap>切换用户</TD></TR> <TR> <TD class="MS_link0" noWrap>修改密码</TD> <TD class="MS_linksep">|</TD> <TD class="MS_link0" noWrap>锁定界面</TD></TR> <TR> <TD class="MS_link0" noWrap>我的文档</TD> <TD class="MS_linksep">|</TD> <TD class="MS_link0" noWrap>基本资料</TD></TR></TBODY></TABLE> </TD> <TD class="MS_linksep">|</TD> <TD class="MS_link0" noWrap>发布</TD> <TD class="MS_linksep">|</TD> <TD class="MS_link0" noWrap>论坛</TD> <TD class="MS_linksep">|</TD> <TD class="MS_link0" noWrap>管理</TD> <TD class="MS_linksep">|</TD> <TD class="MS_link0" noWrap> 链接  <TABLE border="0"> <TBODY> <TR> <TD class="MS_link0" noWrap>培训信息</TD> <TD class="MS_linksep">|</TD> <TD class="MS_link0" noWrap>企务直通车</TD> <TD class="MS_linksep">|</TD> <TD class="MS_link0" noWrap>党务公开专栏</TD></TR> <TR> <TD class="MS_link0" noWrap>文化人物</TD> <TD class="MS_linksep">|</TD> <TD class="MS_link0" noWrap>网上论坛</TD> <TD class="MS_linksep">|</TD> <TD class="MS_link0" noWrap>企业快讯</TD></TR> <TR> <TD class="MS_link0" noWrap>招聘信息</TD> <TD class="MS_linksep">|</TD> <TD class="MS_link0" noWrap>共青团</TD> <TD class="MS_linksep">|</TD> <TD class="MS_link0" noWrap>招投标工程</TD></TR> <TR> <TD class="MS_link0" noWrap>投诉与意见</TD> <TD class="MS_linksep">|</TD> <TD class="MS_link0" noWrap>联系我们</TD> <TD class="MS_linksep">|</TD> <TD class="MS_link0" noWrap>广告推广</TD></TR> <TR> <TD class="MSFlyoutPopupHr" colSpan="5"></TD></TR> <TR> <TD class="MS_link0" noWrap colSpan="3">网站地图</TD> <TD class="MS_linksep">|</TD> <TD class="MS_link0" noWrap>帮助</TD></TR></TBODY></TABLE> </TD> <TD class="MS_linksep">|</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]您可能感兴趣的文章:

• css实现会折叠、展开的菜单导航栏效果
• JQuery 浮动导航栏实现代码
• 用CSS开发时髦的导航栏第二篇
• 用CSS开发时髦的导航栏图例教程
• JavaScript NodeTree导航栏(菜单项JSON类型/自制)

• 又一个漂亮的导航栏的下拉菜单

相关文章

• 实用的多级树形展开菜单效果代码

  实用的多级树形展开菜单，相信它支持的级别会让您满意，开始我还以为它是无限级的呢？希望这个菜单对大家有帮助哦。 2010-10-10

• 鼠标滑过 放大显示效果的列表

  非常不错的当鼠标放上去以后，类别将会出现放大的一些文字和图片，适合一些tips消息框效果 2008-12-12

• 搜集了几个不错的下拉菜单效果

  搜集了几个不错的下拉菜单效果... 2007-05-05

• jquery 导航设计实现代码 学习jquery的朋友可以看下

  jquery 导航设计，主要是通过jquery控制一些css样式变换。 2009-09-09

• 新版本susymenu树形菜单，请大家指教、分享

  新版本susymenu树形菜单，请大家指教、分享... 2007-09-09

• 基于jquery的slideDown和slideUp做手风琴

  slideDown和slideUp做手风琴菜单面板的代码，也就是大家常说的折叠/展开菜单，不少朋友都喜欢的风格，本代码兼容性好，简单易懂，便于修改，希望大家喜欢。 2011-02-02

• javascript 静态树菜单实现代码

  coding这么多年，我居然不知道有"dl"这种html标记，惭愧啊，今天偶然发现，觉得好玩，如是我为它添加了折叠功能，变成了一颗静态树. 2010-12-12

• javascript采用数组实现tab菜单切换效果

  最近写了一个tab菜单,这个也算是web2.0的产物了,没什么技术含量,练练手而已.需要的朋友可以参考下 2012-12-12

• 原生JS仿苹果任务栏菜单，放大效果的菜单

  原生JS仿苹果任务栏菜单，具备图标放大效果的菜单，原生JavaScript自定的特效，鼠标放到菜单上就把图标放大了，类似使用了jQuery的效果，里面用到了几张菜单图片，这个那就自己下载吧。 2011-08-08

• 三级下拉菜单的js实现代码

  纯js实现的三级下拉菜单效果的代码，需要的朋友可以参考下。 2011-05-05

最新评论

大家感兴趣的内容

• 1JavaScript 下拉菜单实现代码
• 2通用的二级菜单代码(css+javascr
• 3css+js下拉菜单
• 4三级下拉菜单的js实现代码
• 5简单通用的JS滑动门代码
• 6css实现会折叠、展开的菜单导航栏
• 7用dtree实现树形菜单 dtree使用说
• 8CSS导航菜单，三级菜单实现代码
• 9又一个漂亮的导航栏的下拉菜单
• 10js 浮动层菜单收藏

最近更新的内容

• javascript 三级下拉选择菜单Levels对象
• 用javascript实现的不错的一款网页选项卡
• 提取自百度有啊的css圆角效果
• CSS JavaScript 实现菜单功能 改进版
• javascript实现的树型下拉框改进版
• 基于jquery的淡入淡出选项卡效果代码
• 一段非常好的滑动门[可感应触发或点击触发
• 鼠标经过导航菜单时颜色改变效果
• javascript实现操作cookie实现的可记忆菜
• 几个不错的自动收缩菜单导航效果

常用在线小工具

微信投稿脚本任务在线工具

关注微信公众号

关于我们 - 广告合作 - 联系我们 - 免责声明 - 网站地图 - 投诉建议 - 在线投稿

©CopyRight 2006-2021 JB51.Net Inc All Rights Reserved. 本站 版权所有

以上就是又一个漂亮的导航栏的下拉菜单的详细内容，更多请关注本站其它相关文章！