Code d'effets spéciaux publicitaires sur la droite d'une page Web commune qui peut monter et descendre

Auteur：Eve Cole Date de mise à jour：2009-06-20 15:28:56

< html> <head> <title>建站学院特效代码->>COOL菜单</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <script language="JavaScript "> var currTimerlinePoint = 0 ; var totalTimerlineFrames = 2; var timerlineTimer; varLignegauche = 50 ; var timerIn; var timerOut; var timerlineArray = new Array(); timerlineArray[0]=''; timerlineArray[1]='menuItemOut()'; function runTimerline() { //if (totalTimerlineFrames > currTimerlinePoint) // { // eval( timerlineArray[currTimerlinePoint]); // currTimerlinePoint ++; // } //sinon {currTimerlinePoint = 0; clearTimeout(window.timerlineTimer); return false;} //window.timerlineTimer = setTimeout('runTimerline()',1000); window.timerlineTimer = setTimeout('menuItemOut()',500); } function stopTimerline() { clearTimeout(window.timerlineTimer); //currTimerlinePoint = 0; } function menuItemIn() { if( leftLine != 150) { item11.style.pixelLeft += 20; item11.filters.alpha.opacity += 20 ; item12.style.pixelLeft -= 20 ; item12.filters.alpha.opacity += 20 ; item13.style.pixelLeft += 20 ; item13.filters.alpha.opacity += 20 ; item14.style.pixelLeft -= 20 ; item14.filters.alpha.opacity += 20 ; item15.style.pixelLeft += 20 ; item15.filters.alpha.opacity += 20 ; item16.style.pixelLeft -= 20 ; item16.filters.alpha.opacity += 20 ; item17.style.pixelLeft += 20 ; item17.filters.alpha.opacity += 20 ; item18.style.pixelLeft -= 20 ; item18.filters.alpha.opacity += 20 ; item19.style.pixelLeft += 20 ; item19.filters.alpha.opacity += 20 ; item20.style.pixelLeft -= 20 ; item20.filters.alpha.opacity += 20 ; ligne gauche += 20 ; } autre { clearTimeout(window.timerIn); renvoie faux ; } timerIn=window.setTimeout('menuItemIn()',1); } function menuItemOut() { clearTimeout(window.timerIn); if (leftLine != 50) { item11.style.pixelLeft -= 20; item11.filters.alpha.opacity -= 20 ; item12.style.pixelLeft += 20 ; item12.filters.alpha.opacity -= 20 ; item13.style.pixelLeft -= 20 ; item13.filters.alpha.opacity -= 20 ; item14.style.pixelLeft += 20 ; item14.filters.alpha.opacity -= 20 ; item15.style.pixelLeft -= 20 ; item15.filters.alpha.opacity -= 20 ; item16.style.pixelLeft += 20 ; item16.filters.alpha.opacity -= 20 ; item17.style.pixelLeft -= 20 ; item17.filters.alpha.opacity -= 20 ; item18.style.pixelLeft += 20 ; item18.filters.alpha.opacity -= 20 ; item19.style.pixelLeft -= 20 ; item19.filters.alpha.opacity -= 20 ; item20.style.pixelLeft += 20 ; item20.filters.alpha.opacity -= 20 ; Lignegauche -= 20 ; } autre { clearTimeout(window.timerOut); renvoie faux ; } timerOut=window.setTimeout("menuItemOut()",1); } self.moveTo(0,0); self.resizeTo(screen.availWidth,screen.availHeight); </script> </head> <body bgcolor="#FFFFFF" text="#000000"> <div style="position:absolute; left:0px; top:-30px"><div align=center id=" menu01" style="position:absolue; gauche:150px; haut:33px; hauteur:19px; couleur d'arrière-plan : #000099 ; none #000000;padding-top:3;cursor:hand;font-size:9pt" onmouseover='stopTimerline();menuItemIn()' onmouseout='runTimerline()'><font color=white>主菜单</div > <div align=center id="item11" style="position:absolute; left:50px; top:55px; width:99px; height:19px; z-index:2; background-color: #0099CC; layer-background -color : #0099CC ; bordure : 1px aucun #000000 ; filtre :alpha(opacity=0);padding-top:4;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699 ';stopTimerline()" onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项一</div> <div align=center id="item12" style="position:absolute left; :250px ; haut :77px ; largeur :99px ; hauteur :19px ; indice z : 3 ; couleur d'arrière-plan du calque : #0099CC ; bordure : 1px aucun #000000 ; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699';stopTimerline()" onmouseout="this.style. backgroundColor= '#0099cc';runTimerline()">菜单项二</div> <div align=center id="item13" style="position:absolute; gauche : 50 px ; haut : 99 px ; largeur : 99 px ; hauteur : 19 px ; indice z : 4 ; couleur d'arrière-plan : #0099CC ; couleur de fond du calque : #0099CC ; bordure : 1px aucun #000000 ; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699';stopTimerline()" onmouseout="this.style. backgroundColor= '#0099cc';runTimerline()">菜单项三</div> <div align=center id="item14" style="position:absolute; gauche : 250 px ; haut : 121 px ; largeur : 99 px ; hauteur : 19 px ; indice z : 5 ; couleur d'arrière-plan : #0099CC ; couleur de fond du calque : #0099CC ; bordure : 1px aucun #000000 ; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699';stopTimerline()" onmouseout="this.style. backgroundColor= '#0099cc';runTimerline()">菜单项四</div> <div align=center id="item15" style="position:absolute; gauche : 50 px ; haut : 143 px ; largeur : 99 px ; hauteur : 19 px ; indice z : 6 ; couleur d'arrière-plan : #0099CC ; couleur de fond du calque : #0099CC ; bordure : 1px aucun #000000 ; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699';stopTimerline()" onmouseout="this.style. backgroundColor= '#0099cc';runTimerline()">菜单项五</div> <div align=center id="item16" style="position:absolute; gauche : 250 px ; haut : 165 px ; largeur : 99 px ; hauteur : 19 px ; indice z : 6 ; couleur d'arrière-plan : #0099CC ; couleur de fond du calque : #0099CC ; bordure : 1px aucun #000000 ; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699';stopTimerline()" onmouseout="this.style. backgroundColor= '#0099cc';runTimerline()">菜单项六</div> <div align=center id="item17" style="position:absolute; gauche : 50 px ; haut : 187 px ; largeur : 99 px ; hauteur : 19 px ; indice z : 6 ; couleur d'arrière-plan : #0099CC ; couleur de fond du calque : #0099CC ; bordure : 1px aucun #000000 ; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699';stopTimerline()" onmouseout="this.style. backgroundColor= '#0099cc';runTimerline()">菜单项七</div> <div align=center id="item18" style="position:absolute; gauche : 250 px ; haut : 209 px ; largeur : 99 px ; hauteur : 19 px ; indice z : 6 ; couleur d'arrière-plan : #0099CC ; couleur de fond du calque : #0099CC ; bordure : 1px aucun #000000 ; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699';stopTimerline()" onmouseout="this.style. backgroundColor= '#0099cc';runTimerline()">菜单项八</div> <div align=center id="item19" style="position:absolute; gauche : 50 px ; haut : 231 px ; largeur : 99 px ; hauteur : 19 px ; indice z : 6 ; couleur d'arrière-plan : #0099CC ; couleur de fond du calque : #0099CC ; bordure : 1px aucun #000000 ; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699';stopTimerline()" onmouseout="this.style. backgroundColor= '#0099cc';runTimerline()">菜单项九</div> <div align=center id="item20" style="position:absolute; gauche : 250 px ; haut : 253 px ; largeur : 99 px ; hauteur : 19 px ; indice z : 6 ; couleur d'arrière-plan : #0099CC ; couleur de fond du calque : #0099CC ; bordure : 1px aucun #000000 ; filter:alpha(opacity=0);padding-top:3;cursor:hand;font-size:9pt" onmouseover="this.style.backgroundColor= '#006699';stopTimerline()" onmouseout="this.style. backgroundColor= '#0099cc';runTimerline()">菜单项十</div></div> </body></html>