正规学历专本科热招

吉林飞燕舞蹈队

文字广告位5元/月

文字广告位5元/月

文字广告位5元/月

文字广告位5元/月

广告投放QQ:114859419

广告位招租

网站首页 >> 网页特效 >> 菜单特效 >> 文章内容

固定位置显示的菜单

[日期：2015-01-18] 来源：远方教程作者：远方教程阅读：2784次[字体：大中小]　访问[旧版]

温馨提示：特效代码在文本域中，您可以点击文本域下方的预览按钮先查看效果。

<SCRIPT language=javascript>
function out1()
{
if(window.event.toElement.id!="menu1" && window.event.toElement.id!="link")
  menu1.style.visibility="hidden";
}
//-->
</SCRIPT>

<body>
<div id="back" onMouseOut="out()"style="position:absolute;top:225;left:250;width:160;height:40;z-index:1;visibility:visible;">
<span id="menubar"  onmouseover="menu.style.visibility='visible'">
<font color=red size=2>菜单一</span>
<div border=1  id="menu" style="position:absolute;top:15;left:0;width:75;height:10;z-index:2;visibility:hidden;">
<a id="link" href="http://www.52yfjc.com">LINK1</a>
<a id="link" href="http://www.tmall.com/go/chn/tbk_channel/tmall_new.php?pid=mm_31545295_3013744_10170214&eventid=101334">LINK2</a>
<a id="link" href="LINK3.htm">LINK3</a>
<a id="link" href="LINK4.htm">LINK4</a>
<a id="link" href="LINK5.htm">LINK5</a>
<a id="link" href="LINK6.htm">LINK6</a>
</div>
</div>
<div id="back" onMouseOut="out1()"style="position:absolute;top:225;left:330;width:160;height:40;z-index:3;visibility:visible;">
<span id="menubar"  onmouseover="menu1.style.visibility='visible'">
<font  color=red size=2>菜单二</span>
<div border=1  id="menu1" style="position:absolute;top:15;left:0;width:50;height:10;z-index:4;visibility:hidden;">
<a id="link" href="http://www.52yfjc.com">LINK1</a>
<a id="link" href="http://www.tmall.com/go/chn/tbk_channel/tmall_new.php?pid=mm_31545295_3013744_10170214&eventid=101334">LINK2</a>
<a id="link" href="LINK3.htm">LINK3</a>
<a id="link" href="LINK4.htm">LINK4</a>
<a id="link" href="LINK5.htm">LINK5</a>
<a id="link" href="LINK6.htm">LINK6</a>
</div>
</div>
</div>

上一篇：会漂移的菜单

下一篇：多级菜单特效

图片展示

纯CSS下拉导航菜单代码

左键菜单

热门下载

Dreamwerver 8.0
中文绿色版

AE: After Effects CS5.5
官方完整版+序列号

会声会影X5入门到精通
高清视频教程

腾讯电脑管家最新版
优化+杀毒

2345手机浏览器
免费打电话

相关评论

站长推荐

最新添加

热门阅读

广告招租

本站承接网站制作，维护等业务，并长期招租各类文字、图片广告。业务QQ：1348328127. Email:admin@52yfjc.com 微信客服(微信号)：kf_52yfjc.