首页 > 网络编程 > JavaScript > 网页特效 > 图象特效 > JS实现全景图效果360度旋转 2007-01-08 00:00:00 作者： 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=https://www.jb51.net/upload/out500b.jpg onload="change(1);"></div> <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> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:js实现图片旋转的三种方法特漂亮的JS图片排列旋转效果代码纯JS实现旋转图片3D展示效果JS实现图片平面旋转的方法three.js实现围绕某物体旋转javascript椭圆旋转相册实现代码js实现图片360度旋转js实现旋转木马效果js实现可旋转的立方体模型js实现3D旋转效果
