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

网上收集整合出来的，算是剽窃吧，IE6下用过，其他的没试。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title>SHARE</title><meta http-equiv=Content-Type content="text/html; charset=gb2312"><style> 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 } </style> <META content="MSHTML 6.00.3790.630" name=GENERATOR></HEAD> <BODY oncontextmenu="return false" onselectstart="return false"  ondragstart="return false"> <TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>   <TBODY>   <TR>     <TD      style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4B92D9', endColorStr='#CEDFF6', gradientType='1')"      width=150 height=20>       <TABLE cellSpacing=0 cellPadding=0 width=150 align=center border=0>         <TBODY>         <TR>           <TD style="WORD-BREAK: keep-all; PADDING-TOP: 3px" vAlign=center            align=middle><FONT style="COLOR: #ffffff; font-size:12px;">2007年06月14日 星期四             </TD></TR></TBODY></TABLE></TD>     <TD      style="FILTER: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#CEDFF6', endColorStr='#1E77D3', gradientType='1')"      align=right width="100%">       <TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>         <TBODY>         <TR>           <TD style="PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-TOP: 3px"            vAlign=center align=middle width="100%">             <MARQUEE id=gua onmouseover=gua.stop()              style="FONT-SIZE: 12px; COLOR: #ffffff" onmouseout=gua.start()              scrollAmount=3 scrollDelay=0 width="100%"><A class=notes              href="note/note_scrollNote.asp?nid=32529"              target=_blank>4月份年休假人员名单公布</A>                 请大家尽快上交4月份交通燃油发票。                 4月25日文艺晚会推迟至4月29日，请互相转告！    <A class=notes              href="note/note_scrollNoteAll.asp"              target=_blank>查看全部</A>   </MARQUEE></TD></TR></TBODY></TABLE></TD>     <TD id=msviGlobalToolbar style="BACKGROUND-COLOR: #1e77d3">       <TABLE cellSpacing=0 cellPadding=0 align=center border=0>         <TBODY>         <TR>           <TD class=MS_linksep>|</TD>           <TD class=MS_link0 onmouseover="this.className='MS_link1'"            onmouseout="this.className='MS_link0'" noWrap>             <DIV id=MS_user style="PADDING-BOTTOM: 2px; POSITION: relative"><A              href="javascript:void(0)">我的账户 </A><IMG height=4 alt=""              src="http://www.microsoft.com/library/mnp/2/gif/ql.gif" width=11>              <DIV class=MSFlyoutPopup id=MS_user_Popup              style="LEFT: -65534px; VISIBILITY: hidden; POSITION: absolute">             <TABLE border=0>               <TBODY>               <TR>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap colSpan=3><A                    href="javascript:void(0);">shundyang</A></TD></TR>               <TR>                 <TD class=MSFlyoutPopupHr colSpan=3></TD></TR>               <TR>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap><A                    href="main/top.asp#">注销登录</A></TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap><A                    href="main/top.asp#">切换用户</A></TD></TR>               <TR>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap><A                    href="main/top.asp#">修改密码</A></TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap><A                    href="main/top.asp#">锁定界面</A></TD></TR>               <TR>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap><A                    href="main/top.asp#">我的文档</A></TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap><A                    href="main/top.asp#">基本资料</A></TD></TR></TBODY></TABLE></DIV>             <DIV class=TFlyPopupAnimate id=MS_user_Anim></DIV></DIV></TD>           <TD class=MS_linksep>|</TD>           <TD class=MS_link0 onmouseover="this.className='MS_link1'"            onmouseout="this.className='MS_link0'" noWrap><A              href="main/pub/">发布</A></TD>           <TD class=MS_linksep>|</TD>           <TD class=MS_link0 onmouseover="this.className='MS_link1'"            onmouseout="this.className='MS_link0'" noWrap><A              href="main/bbs/">论坛</A></TD>           <TD class=MS_linksep>|</TD>           <TD class=MS_link0 onmouseover="this.className='MS_link1'"            onmouseout="this.className='MS_link0'" noWrap><A              href="main/admin/">管理</A></TD>           <TD class=MS_linksep>|</TD>           <TD class=MS_link0 onmouseover="this.className='MS_link1'"            onmouseout="this.className='MS_link0'" noWrap>             <DIV id=MS_shortcut              style="PADDING-BOTTOM: 2px; POSITION: relative"><A              href="javascript:void(0)">链接 </A><IMG height=4 alt=""              src="http://www.microsoft.com/library/mnp/2/gif/ql.gif" width=11>              <DIV class=MSFlyoutPopup id=MS_shortcut_Popup              style="LEFT: -65534px; VISIBILITY: hidden; POSITION: absolute">             <TABLE border=0>               <TBODY>               <TR>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap><A                    href="main/top.asp#">培训信息</A></TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap><A                    href="main/top.asp#">企务直通车</A></TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap><A                    href="main/top.asp#">党务公开专栏</A></TD></TR>               <TR>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap><A                    href="main/top.asp#">文化人物</A></TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap><A                    href="main/top.asp#">网上论坛</A></TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap><A                    href="main/top.asp#">企业快讯</A></TD></TR>               <TR>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap><A                    href="main/top.asp#">招聘信息</A></TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap><A                    href="main/top.asp#">共青团</A></TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap><A                    href="main/top.asp#">招投标工程</A></TD></TR>               <TR>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap><A                    href="main/top.asp#">投诉与意见</A></TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap><A                    href="main/top.asp#">联系我们</A></TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap><A                    href="main/top.asp#">广告推广</A></TD></TR>               <TR>                 <TD class=MSFlyoutPopupHr colSpan=5></TD></TR>               <TR>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap colSpan=3><A                    href="main/map/">网站地图</A></TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap><A                    href="main/help/">帮助</A></TD></TR></TBODY></TABLE></DIV>             <DIV class=TFlyPopupAnimate id=MS_shortcut_Anim></DIV></DIV></TD>           <TD class=MS_linksep>|</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>  </BODY></HTML>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

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

实用的多级树形展开菜单效果代码
实用的多级树形展开菜单，相信它支持的级别会让您满意，开始我还以为它是无限级的呢？希望这个菜单对大家有帮助哦。
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

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具

相关文章

前端开发

置顶推荐

猜你喜欢