wfcvn 发表于 2007-4-27 11:30:18

***页面特效***鼠标移到链接文字上后自动展开下拉菜单

把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件
要完成此效果需要两个步骤

第一步:把如下代码加入到<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=1id="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'">
<fontcolor=red size=2>菜单二</span>
<div border=1id="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>
      










--------------------------------------

http://www.huoyue.com.cn 活跃网,活跃人群的论坛,访问活跃网,将给您带来意想不到的收获,还可以免费为您开论坛,让您免费拥有与朋友、网友交流的论坛。你是年轻人吗?你活跃你就上!
页: [1]
查看完整版本: ***页面特效***鼠标移到链接文字上后自动展开下拉菜单