한국어
<!-- +++슬라이드아웃 웹 탐색 메뉴++++++ --> <html> <head> <!-- +++++<head> 영역+++++ --> <style> 본문에 다음 코드가 추가됩니다. td,a {글꼴 크기:9pt;색상:검정색;텍스트 장식:없음} .normal {패딩:2px} .up {패딩:1px;테두리:#999999 1px 솔리드;배경:# cccccc} .down {패딩 :1px;border:dbdbdb 1px solid; background:dbdbdb} .menuv {filter:revealTrans(transition=23,duration=0.5);padding:2px} </style> </head> <!- - +++++ ++++++++++++++++++++++++++++<body> 영역에 다음 코드를 추가합니다++++++++++++++++++++++ ++++++++++++ --> <body onMouseMove="move()" onLoad="bodyload()"> <script> // 테이블 테두리 깜박임 function 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 하이라이트(cur2){if (cur2.filters.alpha.opacity<100)cur2.filters.alpha.opacity+=20;else if(window .highlighting)clearInterval (highlighting)} //레이어를 드래그하기 위한 JS= false,down=false,divleft,divtop;function move(){if(down){plane.style.left=event.clientX-divleft; plane.style.top=event.clientY-divtop;}} //슬라이딩 레이어 function bodyload() { if(plane.style.pixelTop!=0) { plane.style.pixelTop-=10 setTimeout('bodyload()' ,1) } } //그라디언트 표시 레이어 function Show(divid) { divid. filter.revealTrans.apply(); divid.style.visibility = "visible"; divid.filters.revealTrans.play() } function Hide( divid) { divid.filters.revealTrans.apply(); = "숨겨짐"; divid.filters.revealTrans.play(); } </script> <div style="position:absolute;z-index :1;width:1;height:1; 왼쪽: 0; 위쪽: 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), 표시(메뉴2)" 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: 절대;상단:24px;왼쪽:96px; z-index:1; 가시성: 숨김; 너비: 105" onMouseOver=this.style.visibility='visible' onMouseOut=this.style.visibility='hidden' class="menuv "> <table cellspacing=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='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 id="menu2" style ="position:absolute;top:45px;left:96 ; z-색인:1; 가시성: 숨김; 너비: 105" onMouseOver=this.style.visibility='visible' onMouseOut=this.style.visibility='hidden' class="menuv"> <테이블 셀 간격=2 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='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> </body> </html>
