超酷的一种菜单特效代码，网页特效

<html>

<head>

<title>酷酷菜单代码</title>

<!--

var distance=0;distance1=0;

function move1()

{

if(distance!=50)

{span1.style.pixelLeft+=1;span3.style.pixelLeft+=1;span5.style.pixelLeft+=1;span2.style.pixelLeft-=1;span4.style.pixelLeft-=1;span6.style.pixelLeft-=1;span1.filters.alpha.opacity+=2;span2.filters.alpha.opacity+=2;span3.filters.alpha.opacity+=2;span4.filters.alpha.opacity+=2;span5.filters.alpha.opacity+=2;span6.filters.alpha.opacity+=2;

midspan1.filters.alpha.opacity+=2;midspan2.filters.alpha.opacity+=2;midspan1.style.pixelTop+=1;midspan2.style.pixelTop-=1;

leftspan.filters.alpha.opacity+=2;rightspan.filters.alpha.opacity+=2;

censpan.filters.alpha.opacity-=1;

distance++;setTimeout('move1()',1);

}else{move2();};

abovespan1.style.display='none';abovespan2.style.display='none';

}

function move2()

{

censpan.style.display='none';

if(distance1!=44)

{colspan1.style.pixelLeft+=1;colspan2.style.pixelLeft-=1;colspan3.style.pixelLeft+=1;colspan4.style.pixelLeft-=1;

rowspan1.style.pixelTop+=1;rowspan2.style.pixelTop+=1;rowspan3.style.pixelTop-=1;rowspan4.style.pixelTop-=1;rowspan5.style.pixelTop+=1;rowspan6.style.pixelTop+=1;rowspan7.style.pixelTop-=1;rowspan8.style.pixelTop-=1;

rowspan1.filters.alpha.opacity+=1;rowspan2.filters.alpha.opacity+=1;rowspan3.filters.alpha.opacity+=1;rowspan4.filters.alpha.opacity+=1;rowspan5.filters.alpha.opacity+=1;rowspan6.filters.alpha.opacity+=1;rowspan7.filters.alpha.opacity+=1;rowspan8.filters.alpha.opacity+=1;

colspan1.filters.alpha.opacity+=2;colspan2.filters.alpha.opacity+=2;colspan3.filters.alpha.opacity+=2;colspan4.filters.alpha.opacity+=2;

upspan1.style.pixelTop-=1;upspan2.style.pixelTop+=1;upspan1.filters.alpha.opacity+=2;upspan2.filters.alpha.opacity+=2;

spanA.style.pixelLeft-=1;spanB.style.pixelLeft+=1;spanA.filters.alpha.opacity+=2;spanB.filters.alpha.opacity+=2;

distance1++;

spanC.style.pixelLeft-=2;spanD.style.pixelLeft+=2;spanC.filters.alpha.opacity+=1;spanD.filters.alpha.opacity+=1;

setTimeout('move2()',1);}

}

//-->

</SCRIPT>

</head>

<body>

<span id=span1 style=filter:alpha(opacity=0);position:absolute;left:200;top:100;z-index:1;width:50;height:15;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;cursor:hand; onmouseover=this.style.background='306898';add1.style.display='block';midspan2.innerText="菜单一的主题";midspan1.innerText="ONE" onmouseout=this.style.background='orange';add1.style.display='none';midspan2.innerText="";>菜单一

<span id=span2 style=filter:alpha(opacity=0);position:absolute;left:300;top:115;z-index:1;width:50;height:15;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;cursor:hand; onmouseover=this.style.background='306898';add2.style.display='block';midspan2.innerText="菜单二的主题";midspan1.innerText="TWO" onmouseout=this.style.background='orange';add2.style.display='none';midspan2.innerText="";>菜单二

<span id=span3 style=filter:alpha(opacity=0);position:absolute;left:200;top:130;z-index:1;width:50;height:15;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;cursor:hand; onmouseover=this.style.background='306898';add3.style.display='block';midspan2.innerText="菜单三的主题";midspan1.innerText="THREE" onmouseout=this.style.background='orange';add3.style.display='none';midspan2.innerText="";>菜单三

<span id=span4 style=filter:alpha(opacity=0);position:absolute;left:300;top:145;z-index:1;width:50;height:15;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;cursor:hand; onmouseover=this.style.background='306898';add4.style.display='block';midspan2.innerText="菜单四的主题";midspan1.innerText="FOUR" onmouseout=this.style.background='orange';add4.style.display='none';midspan2.innerText="";>菜单四

<span id=span5 style=filter:alpha(opacity=0);position:absolute;left:200;top:160;z-index:1;width:50;height:15;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;cursor:hand; onmouseover=this.style.background='306898';add5.style.display='block';midspan2.innerText="菜单五的主题";midspan1.innerText="FIVE" onmouseout=this.style.background='orange';add5.style.display='none';midspan2.innerText="";>菜单五

<span id=span6 style=filter:alpha(opacity=0);position:absolute;left:300;top:175;z-index:1;width:50;height:15;background:orange;border-style:solid;border-width:1;text-align:center;font-size:9pt;cursor:hand; onmouseover=this.style.background='306898';add6.style.display='block';midspan2.innerText="菜单六的主题";midspan1.innerText="SIX" onmouseout=this.style.background='orange';add6.style.display='none';midspan2.innerText="";>菜单六

<span id=add1 style=filter:alpha(opacity=30);position:absolute;left:299;top:100;width:60;height:91

[1] [2] 下一页