日本語
<!-- 完全なHTML代码如下: --> <!-- web http://www.downcodes.com --> <!-- bbs http://www.downcodes.com/bbs--> < 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; var leftLine = 50; var timerIn; var timerOut; var timerlineArray = 新しい Array(); timerlineArray[0]=''; timerlineArray[1]='menuItemOut()'; function runTimerline() { //if (totalTimerlineFrames > currTimerlinePoint) // { // eval( timerlineArray[currTimerlinePoint]); // currTimerlinePoint ++; // } //else {currTimerlinePoint = 0; clearTimeout(window.timerlineTimer); return false;} //window.timerlineTimer = setTimeout('runTimerline()',1000); window.timerlineTimer = setTimeout('menuItemOut()',500); stopTimerline() 関数 {clearTimeout(window.timerlineTimer); //currTimerlinePoint = 0; } 関数 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;左行 += 20; } else {clearTimeout(window.timerIn); false を返します。 timerIn=window.setTimeout('menuItemIn()',1);関数 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;左行 -= 20; } else {clearTimeout(window.timerOut); false を返します。 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="メニュー01" 位置:絶対; 上:100px; 背景色: #000099;なし #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; 背景色: #0099CC; レイヤー背景-カラー: #0099CC; ボーダー: 1px なし #000000; フィルター: アルファ(不透明度= 0); パディングトップ: 4; カーソル: ハンド; フォントサイズ: 9pt" onmouseover="this.style.backgroundColor= '#006699 ';stopTimerline()" onmouseout="this.style.backgroundColor= '#0099cc';runTimerline()">菜单项一</div> <div align=center id="item12" style="position:absolute; :250px; 幅:99px; z-index:3; レイヤーの背景色: #0099CC;境界線: 1px なし #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;左:50ピクセル;上:99ピクセル;幅:99ピクセル;高さ:19ピクセル; z インデックス:4;背景色: #0099CC;レイヤーの背景色: #0099CC;境界線: 1px なし #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;左:250ピクセル;上:121ピクセル;幅:99ピクセル;高さ:19ピクセル; z インデックス:5;背景色: #0099CC;レイヤーの背景色: #0099CC;境界線: 1px なし #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;左:50ピクセル;上:143ピクセル;幅:99ピクセル;高さ:19ピクセル; z インデックス:6;背景色: #0099CC;レイヤーの背景色: #0099CC;境界線: 1px なし #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;左:250ピクセル;上:165ピクセル;幅:99ピクセル;高さ:19ピクセル; z インデックス:6;背景色: #0099CC;レイヤーの背景色: #0099CC;境界線: 1px なし #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;左:50ピクセル;上:187ピクセル;幅:99ピクセル;高さ:19ピクセル; z インデックス:6;背景色: #0099CC;レイヤーの背景色: #0099CC;境界線: 1px なし #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;左:250ピクセル;上:209ピクセル;幅:99ピクセル;高さ:19ピクセル; z インデックス:6;背景色: #0099CC;レイヤーの背景色: #0099CC;境界線: 1px なし #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;左:50ピクセル;上:231ピクセル;幅:99ピクセル;高さ:19ピクセル; z インデックス:6;背景色: #0099CC;レイヤーの背景色: #0099CC;境界線: 1px なし #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;左:250ピクセル;上:253ピクセル;幅:99ピクセル;高さ:19ピクセル; z インデックス:6;背景色: #0099CC;レイヤーの背景色: #0099CC;境界線: 1px なし #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>