首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
JavaScript
正文
又一个漂亮的导航栏的下拉菜单
所属分类：
网络编程
/
JavaScript
阅读数： 108
收藏 0
赞 0
分享
网上收集整合出来的，算是剽窃吧，IE6下用过，其他的没试。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- by shundyang --><HTML><HEAD><TITLE>SHARE</TITLE><META http-equiv=Content-Type content="text/html; charset=gb2312"><SCRIPT language="javascript">function TFly_Init(name, offsetLeft, offsetTop, alignment, anyIter, anyTime, staticHover, popupHover, popupLatency, hideLatency, onInit, onPopup, onHide) { var TFly = document.getElementById(name); TFly.DT = document.getElementById(name + "_Popup"); TFly.F = document.getElementById(name + "_Anim"); TFly.oX = offsetLeft; TFly.oY = offsetTop; TFly.alignment = alignment; TFly.AnyIter = anyIter; TFly.AnyTime = anyTime; TFly.popupLatency = popupLatency; TFly.hideLatency = hideLatency; TFly.onPopup = onPopup; TFly.onHide = onHide; TFly.onmouseover = function() { if (staticHover != ’’) { TFly.className_ = TFly.className; TFly.className = staticHover; } TFly_Popup(TFly, true); } TFly.onmouseout = function() { if (staticHover != ’’) { TFly.className = TFly.className_; } TFly_Popup(TFly, false); } if (document.all) { TFly.onactivate = TFly.onmouseover; TFly.ondeactivate = TFly.onmouseout; } else { TFly.onfocus = TFly.onmouseover; TFly.onblur = TFly.onmouseout; } TFly.DT.onmouseover = function() { if (popupHover != ’’) { TFly.DT.className_ = TFly.DT.className; TFly.DT.className = popupHover; } TFly_Popup(TFly, true); } TFly.DT.onmouseout = function() { if (popupHover != ’’) { TFly.DT.className = TFly.DT.className_; } TFly_Popup(TFly, false); } TFly_CallClientFunction(onInit, TFly);}function TFly_CallClientFunction(name, TFly) { if (name != null && name != "") eval(name + "(TFly);");}function TFly_SetPosition(TFly, obj) { obj.style.top = TFly.oY + TFly.offsetHeight + "px"; obj.style.left = TFly.oX + (TFly.offsetWidth - obj.offsetWidth ) * (1 + TFly.alignment) / 2 + "px";}function TFly_Popup(TFly, value) { if (TFly.timer != null) window.clearTimeout(TFly.timer); if (value) { if (TFly.status == "on") return; var timeout = (TFly.status == "active") ? 0 : TFly.popupLatency; if (TFly.AnyIter > 0 && TFly.AnyTime > 0) TFly.timer = window.setTimeout(function() {TFly_AnimateStart(TFly, true, TFly.F.curIter);}, timeout); else TFly.timer = window.setTimeout(function() {TFly_SetVisibility(TFly, true);}, timeout); } else { if (TFly.status == "off") return; var timeout = (TFly.status == "active") ? 0 : TFly.hideLatency; if (TFly.AnyIter > 0 && TFly.AnyTime > 0) TFly.timer = window.setTimeout(function() {TFly_AnimateStart(TFly, false, TFly.F.curIter);}, timeout); else TFly.timer = window.setTimeout(function() {TFly_SetVisibility(TFly, false);}, timeout); }}function TFly_SetVisibility(TFly, value) { if (value == true) { TFly_SetPosition(TFly, TFly.DT); TFly.DT.style.visibility = "visible"; TFly.style.zIndex = "999"; } else { TFly.DT.style.visibility = "hidden"; TFly.style.zIndex = "0"; TFly.DT.style.left = "-10000px"; }}function TFly_AnimateStart (TFly, inout, curIter) { if (TFly.F.timer != null) window.clearTimeout(TFly.F.timer); if (curIter == null) curIter=0; if (TFly.status != "active") { TFly.status = "active"; TFly.F.style.visibility = "visible"; TFly.DT.style.visibility = "hidden"; } if (curIter < 0 || curIter > TFly.AnyIter) { TFly.F.curIter = (curIter < 1) ? 0 : TFly.AnyIter; TFly.status = (TFly.F.curIter == TFly.AnyIter) ? "on": "off"; TFly.F.style.visibility = "hidden"; TFly_SetPosition(TFly, TFly.DT); TFly.style.zIndex = (TFly.F.curIter == TFly.AnyIter) ? "999" : "0"; if (TFly.F.curIter == TFly.AnyIter) { TFly.status = "on"; TFly_SetVisibility(TFly, true); TFly_CallClientFunction(TFly.onPopup, TFly); } else { TFly.status = "off"; TFly_SetVisibility(TFly, false); TFly_CallClientFunction(TFly.onHide, TFly); } } else { var per = curIter * (95 / TFly.AnyIter) + 5; TFly.F.style.visibility = "hidden"; TFly.F.style.width = TFly.DT.offsetWidth / 100 * per + "px"; TFly.F.style.height = TFly.DT.offsetHeight / 100 * per + "px"; TFly_SetPosition(TFly, TFly.F); TFly.F.style.visibility = "visible"; var timeout = (per == 100 ) ? 0 : TFly.AnyTime - (TFly.AnyTime / (TFly.AnyIter) * (curIter)); curIter += (inout) ? 1 : -1; TFly.F.timer = window.setTimeout(function() {TFly_AnimateStart(TFly, inout, curIter)}, timeout); TFly.F.curIter = curIter; }}</SCRIPT><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><SCRIPT>TFly_Init(’MS_user’, 0, 0, -1, 2, 60, ’MSFlyoutStaticHover_msdn’, ’’, 100, 400, ’’, ’’, ’’);TFly_Init(’MS_shortcut’, 0, 0, 1, 2, 60, ’MSFlyoutStaticHover_msdn’, ’’, 100, 400, ’’, ’’, ’’);</SCRIPT></BODY></HTML>
[Ctrl+A 全选 注:
引入外部Js需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
Node.js事件的正确使用方法
这篇文章主要给大家介绍了关于Node.js事件的正确使用方法，文中通过示例代码介绍的非常详细，对大家学习或者使用Node.js具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
评论 0
收藏 0
赞 0
分享
微信小程序自定义导航栏实例代码
这篇文章主要给大家介绍了关于微信小程序自定义导航栏的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用微信小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
评论 0
收藏 0
赞 0
分享
js字符串处理之绝妙的代码
这篇文章主要介绍了js字符串处理之绝妙的代码，包括字符串去重、将字符放在对象中遍历拼接出字符串、把字符串的奇数位和偶数位分别提取到两个数组中、将两个数组按奇数位和偶数位插入拼接为字符串，有时候需要对字符进行处理的时候可以用得到
评论 0
收藏 0
赞 0
分享
vue设计一个倒计时秒杀的组件详解
这篇文章主要介绍了vue设计一个倒计时秒杀的组件，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
评论 0
收藏 0
赞 0
分享
详解服务端预渲染之Nuxt（介绍篇）
这篇文章主要介绍了详解服务端预渲染之Nuxt（介绍篇）,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
javascrit中undefined和null的区别详解
这篇文章主要介绍了javascrit中undefined和null的区别详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
浅谈javascript中的prototype和__proto__的理解
这篇文章主要介绍了浅谈javascript中的prototype和__proto__的理解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
评论 0
收藏 0
赞 0
分享
详解vue中this.$emit()的返回值是什么
这篇文章主要介绍了详解vue中this.$emit()的返回值是什么，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
评论 0
收藏 0
赞 0
分享
浅谈express.js框架中间件（middleware）
这篇文章主要介绍了浅谈express.js框架中间件（middleware），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
评论 0
收藏 0
赞 0
分享
vue自定义指令directive的使用方法
这篇文章主要介绍了vue自定义指令directive的使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
90后网络爆红美女卖"毒面膜" 年收入超七位数
教育培训类网站的盈利模式
百度联盟点击率低的原因
电脑系统下载类网站是怎么赚钱的？浅析电脑系统下载类网站的赚钱方式
在校大学生利用网络可以做什么?在校大学生利用网络赚钱方式介绍
SEO中到底是流量重要还是转化率重要
站长故事
更多
站长故事：用百度Site App建立起自己的移动端全过程
30岁seo老鸟走过的路：从无知到精通需要时间和精力
揭秘互联网骗子怎么做到月入过万
为什么阿里巴巴要在美国上市不在国内上市？
八零后站长们：我们都是“囧”的一代
个人经历:盲目的坚持更新网站真的有用吗？
