JS는 파노라마 효과_이미지 특수 효과의 360도 회전을 구현합니다.

<div id="div1" style="cursor:hand;position:absolute;width:500;height:190;overflow:hidden;border:1 solid red" onmouseover="clearTimeout(scrl);" onmousemove="getpos()" onmouseout="change(1);"><img src="http://www.jb51.net/upload/out500b.jpg" onload="change(1);" alt="JS는 파노라마 효과_이미지 특수 효과의 360도 회전을 구현합니다." ></div>
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다

]<script> var scrl,direction="right"; var x,xold,xdiff, i=1; function change(start){ if(direction == "right"){ if(div1.scrollTop+190 < div1.scrollHeight){ div1.scrollTop += 190; } else{ div1.scrollTop = 0; } } else{ if(div1.scrollTop-190 > 0){ div1.scrollTop -= 190; } else{ div1.scrollTop = div1.scrollHeight; } } if(start) scrl = setTimeout("change(1)",100); else clearTimeout(scrl); } function getpos(){ x = event.clientX; xdiff = x - xold; xold = x; if(xdiff>0) direction = "right"; if(xdiff<0) direction = "left"; change(0); } </script>