한국어
<!-- http://www.downcodes.com --> <!-- bbs http://www.downcodes.com/bbs--> <!--이 효과를 완료하려면 두 단계가 필요합니다. 첫 번째 단계 : <body> 영역 --> <style> body,td,a {font-size:9pt;color:black} .none{border:black 1px solid;Background:D9D9D9;padding-에 다음 코드를 추가합니다. 상단: 2} .over {border:black 1px solid; background:707888;color:white;padding-top:2} </style> <div style="position:absolute; left: 100; top: 20; width: 1; 높이: 1; 커서: 손" ID=plane onmousedown="down=true;divleft=event.clientX-parseInt(plane.style.left);divtop=event.clientY-parseInt(plane.style.top)" onmouseup= "down=false"> <div align=center 스타일="위치:절대; 왼쪽:220px; 위쪽:3px; 너비:100px; 높이:19px; z-index:1;color:white;배경:707888; 커서: move"onmouseover='stopTimerline();menuItemIn()' onmouseout='runTimerline()' class="none">드래그 가능한 메뉴</div> <div align=center id="item11" style="위치: 절대 ; 왼쪽:120px; 높이:19px; z-index:2; 필터:알파(불투명도=0)" onmouseover="this.className='over';stopTimerline()" this.className='none';runTimerline()" class="none" >메뉴 항목 1</div> <div align=center id="item12" style="position:absolute:320px; 너비:99px; 높이:19px; z-index:3;filter:alpha(opacity=0)" class=none onmouseover="this.className='over';stopTimerline()" onmouseout="this.className=' 없음 ';runTimerline()">메뉴 항목 2</div> <div align=center id="item13" style="position:absolute; left:120px; width:99px; :4; filter:alpha(opacity=0)" class=none onmouseover="this.className='over';stopTimerline()" onmouseout="this.className='none';runTimerline()">메뉴 항목 3 < /div> <div align=center id="item14" style="position:absolute; left:320px; top:91px; width:99px; height:19px; z-index:5;filter:alpha(opacity=0 ) " class=none onmouseover="this.className='over';stopTimerline()" onmouseout="this.className='none';runTimerline()">메뉴 항목 4</div> <div align=center id= " item15" 스타일="위치:절대; 상단:113px; 높이:19px; 필터:알파(불투명도=0)" 클래스=없음 onmouseover=" 'over';stopTimerline()" onmouseout="this.className='none';runTimerline()">메뉴 항목 5</div> </div><script> //애니메이션 메뉴 var currTimerlinePoint=0 var totalTimerlineFrames= 2 var 타이머라인 타이머 var leftLine = 50 var 타이머In var 타이머아웃 var 타이머라인Array = new Array() 타이머라인Array[0]='' 타이머라인Array[1]='menuItemOut()' function runTimerline() { window.timerlineTimer = setTimeout('menuItemOut() ' ,500) } function stopTimerline() {clearTimeout(window.timerlineTimer) } 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. .opacity += 20 item15.style.pixelLeft += 20; item15.filters.alpha.opacity += 20 leftLine += 20 } else {clearTimeout(window.timerIn) return false } 타이머In=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; item15.style.pixelLeft -= 20; item15.filters.alpha.opacity -= 20 leftLine -= 20 } else {clearTimeout(window.timerOut) return false; } self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) //레이어 이동 var over=false,down=false,divleft,divtop;function move(){if(down){plane . style.left=event.clientX-divleft;plane.style.top=event.clientY-divtop}} </script> <!--2단계: <body>예제에 "onmousemove="move()""를 추가합니다. 태그: --> <body onmousemove="move()">
