发布您的源码作品！会员登录/控制面版

鼠标移到链接文字上后自动展开下拉菜单

作者：佚名来源：不详发布时间：2006/10/29 发布人：admin

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

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

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="LINK1.htm">LINK1</a>
<a id="link" href="LINK2.htm">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="LINK1.htm">LINK1</a>
<a id="link" href="LINK2.htm">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>

特别说明：如网页特效代码中有引用图片文件等，请自己下载到本地调试！

[] [返回] [打印] [收藏] [评论]

上一篇代码：在页面底部的导航条（可以设置显示时间及闪烁）

下一篇代码：与上例有异曲同工之妙，图片在右下角

精品推荐

阅读排行

· 自己动手输入网页背景颜色代码
· 随机数字生成器
· 礼花背景(一个非常经典的网页背景）
· 鼠标经过文字变色
· 倒计时代码生成器
· [图文] 代码实现生成弹出窗口的特效
· [图文] 星星满天闪烁的背景
· 颜色英文代码全集
· 速度练习　测试你打字的速度
· 爱情游戏测试

相关代码

· 远程监控Demo,鼠标控制,键盘操作
· 严格的三级联动日期下拉菜单
· asp下拉菜单请教
· 求助鼠标触发的一种效果
· asp动态的鼠标滑过弹出产品列表的代码谁有阿？分享..
· 鼠标经过图片变大代码
· js鼠标经过图片放大问题
· 鼠标事件
· 求高手帮忙看下这个扫雷的代码鼠标为什么运行不出..
· 动态下拉菜单怎么遮不住select控间