日本語
<!-- http://www.downcodes.com --> <!-- bbs http://www.downcodes.com/bbs--> <!-- このエフェクトを完了するには 3 つの手順が必要です。最初のステップ: 次のコードを <head> 領域に追加します --> <style> body,td,a {font-size:9pt;color:black;text-decoration:none} .normal {padding:2px} .up {パディング:1px;ボーダー:#999999 1px ソリッド;背景:#cccccc} .down {パディング:1px;ボーダー:dbdbdb 1px ソリッド;背景:dbdbdb} .menuv {filter: replaceTrans(transition=23,duration=0.5); padding: 2px} </style> <!--ステップ 2: 次のコードを <body> エリアに追加します--> <script> //表の境界線を点滅させる関数 flashit(){if(!document.all)return; if (td123.style.borderColor=="black")td123.style.borderColor="#999999";else td123.style.borderColor="black"}setInterval("flashit()",500) //フェードイン効果, アルファ値を変更します function high(image){theobject=image,highlighting=setInterval("highlightit(theobject)",100)}function low(image){clearInterval(highlighting),image.filters.alpha.opacity=50} function highlightit(cur2){if (cur2.filters.alpha.opacity<100)cur2.filters.alpha.opacity+=20;else if(window.highlighting)clearInterval (highlighting)} // ドラッグレイヤーの JS var over= false ,down=false,divleft,divtop;function move(){if(down){plane.style.left=event.clientX-divleft;plane.style.top=event.clientY-divtop;}} //スライディングレイヤー関数bodyload() { if(plane.style.pixelTop!=0) { plan.style.pixelTop-=10 setTimeout('bodyload()',1) } } //グラデーション表示レイヤー関数 Show(divid) { divid. .revealTrans.apply(); divid.style.visibility = "可視"; divid.filters.revealTrans.play(); } 関数 Hide(divid) { divid.filters.revealTrans.apply(); "hidden"; divid.filters.revealTrans.play(); } </script> <div style="position:absolute;z-index:1;width:1;height:1; left: 0; top: 500" ID=plane onmousedown="down=true;divleft=event.clientX-parseInt(plane.style.left);divtop=event.clientY-parseInt(plane.style.top)" onmouseup="down=false"> < table id="td123" cellpacing=2 width=100 border=0 style="BORDER:#999999 1px Solid;cursor:hand" cellpadding="0" bgcolor="f4f4f4"> <tr> <td bgcolor="#cccccc " height="20" style="BORDER:#999999 1px Solid;cursor:move"> <div align="center">複数レベルのスライディング メニュー</div> </td> </tr> <tr> <td class=normal onMouseDown="this.className='down'" onMouseOver="this.className='up',high(this),Show(menu1) " onMouseOut="this.className='normal',low(this) ,menu1.style.visibility='hidden'" style="filter:alpha(opacity=50)"onMouseUp="this.className='up'" > <div align="right">下位レベルのメニューがあります>></ div> </td> </tr> <tr> <td class=normal onMouseDown="this.className='down'" onMouseOver="this.className='up',high(this),Show (menu2)" onMouseOut="this.className='normal',low(this),menu2.style.visibility='hidden'" style="filter:alpha(opacity=50)" onMouseUp="this.className=' up'" > <div align="right">下位レベルのメニューがあります>></div> </td> </tr> <tr> <td class=normal onMouseDown="this.className='down '" onMouseOver="this.className ='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filter:alpha(opacity=50)" onMouseUp="this .className='up'"> <div align="right">従属メニューなし>></div> </td> </tr> <tr> <td class=normal onMouseDown="this.className='down '" onMouseOver="this.className ='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filter:alpha(opacity=50)" onMouseUp="this .className='up'"> <div align="right">下位メニューなし>></div> </td> </tr> </table> <div id="menu1" style="position:absolute ;トップ:24ピクセル;左:96ピクセル; 可視性:非表示;幅:105" onMouseOver=this.style.visibility='hidden' class="menuv" > <table cellpacing=2 width= 100 border=0 style="BORDER:#999999 1px Solid;cursor:hand" cellpadding="0" bgcolor="f4f4f4" align="right"> <tr> <td class=normal onMouseDown="this.className=' down'" onMouseOver="this.className='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filter:alpha( opacity=50)" onMouseUp=" this.className='up'"> <div align="center">サブメニュー</div> </td> </tr> <tr> <td class=normal onMouseDown="this .className='down'" onMouseOver="this.className='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filter:alpha(opacity=50) " onMouseUp="this.className ='up'"> <div align=center>サブメニュー</div> </td> </tr> <tr> <td class=normal onMouseDown="this.className='down' " onMouseOver="this.className='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filter:alpha(opacity=50)" onMouseUp="this.className='normal',low(this)" className='up'" > <div align=center>サブメニュー</div> </td> </tr> <tr> <td class=normal onMouseDown="this.className='down'" onMouseOver="これ。 className='up' ,high(this)" onMouseOut="this.className='normal',low(this)" style="filter:alpha(opacity=50)" onMouseUp="this.className='up'" > <div align= center>サブメニュー</div> </td> </tr> </table> </div> <div id="menu2" style="position:absolute;top:45px;left:96; z-index: 1; 可視性: 非表示; 幅: 105" onMouseOver=this.style.visibility='visible' onMouseOut=this.style.visibility='hidden' class="menuv"> <table cellpacing=2 width=100 border=0 style ="BORDER:#999999 1px ソリッド;カーソル:ハンド" cellpadding="0" bgcolor="f4f4f4" align="right"> <tr> <td class=normal onMouseDown="this.className='down '" onMouseOver= "this.className='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filter:alpha(opacity=50)"onMouseUp="this .className=' up'"> <div align="center">サブメニュー</div> </td> </tr> <tr> <td class=normal onMouseDown="this.className='down'" onMouseOver= "this.className='up',high(this)" onMouseOut="this.className='normal',low(this)" style="filter:alpha(opacity=50)" onMouseUp="this.className=' up'" > <div align=center>サブメニュー</div> </td> </tr> <tr> <td class=normal onMouseDown="this.className='down'" onMouseOver="this.className=' up' ,high(this)" onMouseOut="this.className='normal',low(this)" style="filter:alpha(opacity=50)" onMouseUp="this.className='up'"> <div align= center>サブメニュー</div> </td> </tr> <tr> <td class=normal onMouseDown="this.className='down'" onMouseOver="this.className='up',high(this ) " onMouseOut="this.className='normal',low(this)" style="filter:alpha(opacity=50)" onMouseUp="this.className='up'"> <div align=center>サブメニュー< /div> </td> </tr> </table> </div> </div> <!--ステップ 3: "onmousemove="move()" onload=bodyload()" を <body >For に追加しますタグ内の例: --> <body onmousemove="move()" onload=bodyload()>
