又一个漂亮的导航栏的下拉菜单-技术开发JavaScript技术-Ubuntu系统_Ubuntu服务器

网上收集整合出来的，算是剽窃吧，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>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%">4月份年休假人员名单公布                 请大家尽快上交4月份交通燃油发票。                 4月25日文艺晚会推迟至4月29日，请互相转告！    查看全部   </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>             我的账户 <IMG height=4 alt=""              src="/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/66b62cfb6ec1a9ac8921a5ee627f34a6.gif" width=11>                           <TABLE border=0>               <TBODY>               <TR>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap colSpan=3>shundyang</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>注销登录</TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap>切换用户</TD></TR>               <TR>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap>修改密码</TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap>锁定界面</TD></TR>               <TR>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap>我的文档</TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap>基本资料</TD></TR></TBODY></TABLE>             </TD>           <TD class=MS_linksep>|</TD>           <TD class=MS_link0 onmouseover="this.className='MS_link1'"            onmouseout="this.className='MS_link0'" noWrap>发布</TD>           <TD class=MS_linksep>|</TD>           <TD class=MS_link0 onmouseover="this.className='MS_link1'"            onmouseout="this.className='MS_link0'" noWrap>论坛</TD>           <TD class=MS_linksep>|</TD>           <TD class=MS_link0 onmouseover="this.className='MS_link1'"            onmouseout="this.className='MS_link0'" noWrap>管理</TD>           <TD class=MS_linksep>|</TD>           <TD class=MS_link0 onmouseover="this.className='MS_link1'"            onmouseout="this.className='MS_link0'" noWrap>             链接 <IMG height=4 alt=""              src="/d/file/itjie/<a href=/itjie/Javajishu/ target=_blank class=infotextkey>Java</a>Scriptjishu/2014-10-23/66b62cfb6ec1a9ac8921a5ee627f34a6.gif" width=11>                           <TABLE border=0>               <TBODY>               <TR>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap>培训信息</TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap>企务直通车</TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap>党务公开专栏</TD></TR>               <TR>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap>文化人物</TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap>网上论坛</TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap>企业快讯</TD></TR>               <TR>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap>招聘信息</TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap>共青团</TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap>招投标工程</TD></TR>               <TR>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap>投诉与意见</TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap>联系我们</TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap>广告推广</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>网站地图</TD>                 <TD class=MS_linksep>|</TD>                 <TD class=MS_link0 onmouseover="this.className='MS_link1'"                  onmouseout="this.className='MS_link0'" noWrap>帮助</TD></TR></TBODY></TABLE>             </TD>           <TD class=MS_linksep>|</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>  </BODY></HTML>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

JavaScript技术：又一个漂亮的导航栏的下拉菜单，转载需保留来源！

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

相关文章阅读