您的位置：首页 → 网页设计 → 经验技巧 → 鼠标移上去弹出下拉菜单代码

鼠标移上去弹出下拉菜单代码

时间：2011/2/9 21:57:52来源：本站原创作者：佚名我要评论(0)

<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> 

相关视频

    没有数据

相关阅读 狙击精英v2自动弹出的解决方案去掉QQ游戏弹出广告的方法避免IE访问https弹出安全信息对话框伪装型广告机126976弹出广告如何实现在点击图片下载链接时,直接弹出一个下载的窗口仿MSN右下角弹出广告代码解决中国电信弹出广告的办法让Q友上线后第一眼就看到你的弹出留言

文章评论
发表评论

热门文章 Wordpress本地安装教程dx1.5如何设置二级域名

最新文章 hbuilder有哪些快捷键Wordpress本地安装教程 Wordpress本地安装教程expression web 4文档乱码解决方法dz 2.5“收藏本版”关闭小对话框无法关闭解在制作安装软件之前,您必须先将易语言存盘,

人气排行 如何使用multipart/form-data格式上传文件Photoshop PS图层混合模式详解(非常详细)ISAPI_Rewrite3使用教程网站里添加收藏和设为首页代码桌面快捷方式图标不见了C#获取执行程序所在的当前路径的方法详解（XMLHttpRequest）进行跨域请求方法如何用远程桌面连接进行传输文件