隐藏菜单(二)

稿源：互联网 2022-04-07 12:47:52 点击： 984 撤稿纠错

左侧隐藏的菜单，鼠标经过才弹出，可自定义。

以下讨论的是和菜单相关的隐藏菜单(二) 教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

脚本说明:
把如下代码加入<body>区域中
<script language="JavaScript1.2">

function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}
else {eval(document.object1.top=eval(window.pageYOffset+20));}
setTimeout("makeStatic()",0);}
</script>

<style>
<!--

.hl	{
		Background-Color : yellow;
		Cursor:hand;
	}
.n	{
		Cursor:hand;
	}
-->
</style>
<LAYER visibility="hide" top="20" name="object1" bgcolor="black" left="0" onmouseover="move(132)" onmouseout="move(-132)">

function positionmenu(){
move(-132)
}

if (document.all) {document.write('<DIV ID="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')}
</script>
<table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#000000">
<tr><td bgcolor="#0099FF"> <font size="4" face="Arial"><b>Menu</b></font></td>

</tr>

var text=new Array();
var thelink=new Array();

//configure thelinks below. Extend as desired

text[0]="网络编程";
text[1]="网易";
text[2]="新浪";
text[3]="搜狐";
text[4]="雅虎";
text[5]="江苏音符";
text[6]="常州信息港";
text[7]="阿里西西";

thelink[0]="http://www.1stscript.com";
thelink[1]="http://www.163.ocm";
thelink[2]="http://www.sina.com.cn";
thelink[3]="http://www.sohu.com";
thelink[4]="http://www.yahoo.com";
thelink[5]="http://www.jsinfo.net";
thelink[6]="http://www.cz.jsinfo.net";
thelink[7]="http://www.k688.com";

//enter target of above links
//Valid values are '', 'new', or 'framename' (where 'framename' is the name of the frame you wish the links to target)
var linktarget=''

///DO NOT EDIT BELOW THIS LINE////////////////

function navigateie(which){
if (linktarget=='')
window.location=thelink[which]
else if (linktarget=='new')
window.open(thelink[which])
else{
temp_var=eval("window.parent."+linktarget)
temp_var.location=thelink[which]
}
}

for (i=0;i<=text.length-1;i++)
if (document.all) {document.write('<TR><TD height=20 bgcolor=white onclick="navigateie('+i+')" onmouseover="className='hl'" onmouseout="className='n'"><FONT SIZE=2 FACE=ARIAL> '+text[i]+'</FONT></TD></TR>')}
else {document.write('<TR><TD bgcolor="white"><ILAYER><LAYER HEIGHT="18" onmouseover="this.bgColor='yellow'" onmouseout="this.bgColor='white'" width=131><FONT SIZE=2 FACE=ARIAL> <A HREF="'+thelink[i]+'" target="'+linktarget+'" id="nounderline">'+text[i]+'</A></FONT></LAYER></ILAYER></TD></TR>')}

//-->
</script>
<tr>
<td bgcolor="#0099FF"><font size="1" face="Arial"> </font></td>
</TR>
</table>
<script language="JavaScript1.2">
if (document.all) {document.write('</DIV>')}
window.onload=positionmenu
</script>
</LAYER>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于隐藏菜单(二)的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/20080719255.shtml方便下次再访问哦。

·上一篇： 隐藏菜单（一）
·下一篇： 选中框即导航

隐藏菜单(二)

文章分类LIST >>返回首页

最新游戏

最新新闻