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

(编辑：jimmy 日期: 2025/5/12 浏览：3 次 )

网上收集整合出来的，算是剽窃吧，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">                                                2007年06月14日 星期四                                                                   <MARQUEE id=gua onmouseover=gua.stop()              style="FONT-SIZE: 12px; COLOR: #ffffff" onmouseout=gua.start()              scrollAmount=3 scrollDelay=0 width="100%">4月份年休假人员名单公布&nbsp;&nbsp;&nbsp;              请大家尽快上交4月份交通燃油发票。&nbsp;&nbsp;&nbsp;              4月25日文艺晚会推迟至4月29日，请互相转告！&nbsp;&nbsp;&nbsp; 查看全部&nbsp;&nbsp;&nbsp;</MARQUEE>                                         |                        我的账户&nbsp;<a href="javascript:;" onclick="showimg('/UploadFiles/2021-04-02/ql.gif');"><img src="/UploadFiles/2021-04-02/ql.gif" alt="又一个漂亮的导航栏的下拉菜单" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>                                                                          shundyang                                                                注销登录                 |                 切换用户                                修改密码                 |                 锁定界面                                我的文档                 |                 基本资料                        |           发布           |           论坛           |           管理           |                        链接&nbsp;<a href="javascript:;" onclick="showimg('http://www.microsoft.com/library/mnp/2/gif/ql.gif');"><img src="http://www.microsoft.com/library/mnp/2/gif/ql.gif" alt="又一个漂亮的导航栏的下拉菜单" onmousewheel="return bbimg(this)" onload="javascript:resizepic(this)" border="0"/></a>                                                                          培训信息                 |                 企务直通车                 |                 党务公开专栏                                文化人物                 |                 网上论坛                 |                 企业快讯                                招聘信息                 |                 共青团                 |                 招投标工程                                投诉与意见                 |                 联系我们                 |                 广告推广                                                                网站地图                 |                 帮助                        |  </BODY></HTML>

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

上一篇：特想搞点新的创意出来-立体方块
下一篇：非常不错的一个JS分页效果代码，值得研究