***页面特效***鼠标移到链接文字上后自动展开下拉菜单
把下列代码加到网页的<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]