仿百度地图全景小球旋转

百度全景小球旋转是这样的：当你把小手放到小球上时，小球旋转一周才停止，旋转期间,无论小手在哪里，小球都会以原速度旋转一周。当小球停止时，再次把小手放到小球上时，重复以上过程。

首先我们需要一张，命名camera.png，原理很简单：设置一个定时器即可。看代码：

<div id="div1" style="cursor:hand;position:absolute;width:16;height:23;overflow:hidden;" onmouseover="mouse();"  ">
    <img src="camera.png" >
</div>
<script>
var scrl;
function mouse(){
    clearInterval(scrl);
    scrl=setInterval(function(){
        if(div1.scrollLeft+16 < div1.scrollWidth){
            div1.scrollLeft += 16;
        }
        else{
            clearInterval(scrl);
            div1.scrollLeft = 0; 

        } 

    },100);

}

</script>