下拉式链接菜单效果二
下面是效果
将下面的代码加入到你的主页中......
<SCRIPT language=javascript>
function out0()
{
if(window.event.toElement.id!="menu0" && window.event.toElement.id!="link")
menu0.style.visibility="hidden";
}
function out1()
{
if(window.event.toElement.id!="menu1" && window.event.toElement.id!="link")
menu1.style.visibility="hidden";
}
function out2()
{
if(window.event.toElement.id!="menu2" && window.event.toElement.id!="link")
menu2.style.visibility="hidden";
}
function out3()
{
if(window.event.toElement.id!="menu3" && window.event.toElement.id!="link")
menu3.style.visibility="hidden";
}
</SCRIPT>
<div id="back" onmouseout="out0()" style="position:
absolute; top: 22; left: 78; width: 160; height: 40; z-index: 1; visibility:
visible">
<span id="menubar" onmouseover="menu0.style.visibility='visible'">
<font size=2><a href="#">电脑网络</a></font></span>
<font color=red size=2>
<div border=1 id="menu0" style="position: absolute; top:
15; left: 0; width: 88; height: 106; z-index: 2; visibility: hidden">
<a id="link" href="http://www.cpcw.com">电脑报<br></a>
<a id="link" href="http://www.cfan.cn.net">电脑爱好者<br></a>
<a id="link" href="http://#">计算机报<br></a>
<a id="link" href="http://#">中关村网站<br></a>
<a id="link" href="http://#">计算机世界<br></a>
</div></div>
<div id="back" onmouseout="out1()" style="position:
absolute; top: 22; left: 178; width: 160; height: 40; z-index: 1; visibility:
visible">
<span id="menubar" onmouseover="menu1.style.visibility='visible'">
<font size=2><a href="#">主页空间</a></font></span>
<font color=red size=2>
<div border=1 id="menu1" style="position: absolute; top:
15; left: 0; width: 88; height: 106; z-index: 2; visibility: hidden">
<a id="link" href="http://www.etang.com">亿唐主页空间<br></a>
<a id="link" href="http://www.163.com">网易主页空间<br></a>
<a id="link" href="http://www.luohuedu.net">罗湖网主页空间<br></a>
<a id="link" href="http://www.51.net">虎翼网主页空间<br></a>
<a id="link" href="http://www.china.com">中华网主页空?lt;br></a>
</div></div>
<div id="back" onmouseout="out2()" style="position:
absolute; top: 22; left: 278; width: 160; height: 40; z-index: 1; visibility:
visible">
<span id="menubar" onmouseover="menu2.style.visibility='visible'">
<font size=2><a href="#">电信风采</a></font></span>
<font color=red size=2>
<div border=1 id="menu2" style="position: absolute; top:
15; left: 0; width: 88; height: 106; z-index: 2; visibility: hidden">
<a id="link" href="http://#">中国电信<br></a>
<a id="link" href="http://www.xy.jx.cn">新余信息港<br></a>
<a id="link" href="http://www.online.ln.cn">北方时空<br></a>
<a id="link" href="http://www.jzptt.ln.cn">锦州在线<br></a>
<a id="link" href="http://www.dlptt.ln.cn">大连之星<br></a>
</div></div>
<div id="back" onmouseout="out3()" style="position:
absolute; top: 22; left: 378; width: 160; height: 40; z-index: 1; visibility:
visible">
<span id="menubar" onmouseover="menu3.style.visibility='visible'">
<font size=2><a href="#">免费电邮</a></font></span>
<font color=red size=2>
<div border=1 id="menu3" style="position: absolute; top:
15; left: 0; width: 88; height: 106; z-index: 2; visibility: hidden">
<a id="link" href="http://www.elong.com">艺龙电子信箱<br></a>
<a id="link" href="http://www.263.net">首都在线信箱<br></a>
<a id="link" href="http://www.371.net">371电子信箱<br></a>
<a id="link" href="http://www.sohu.com">搜狐电子信箱<br></a>
<a id="link" href="http://www.china.com">中华网信箱<br></a>
</div></div>
在这个菜单中的网站个数不受限制,你自己可以任意增加减少.在此希望你可以给本站做链接,谢谢！！！