码迷,mamicode.com
首页 > 其他好文 > 详细

仿百度地图全景小球旋转

时间:2017-04-11 11:55:54      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:src   需要   logs   flow   blog   停止   bsp   一周   style   

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

 

首先我们需要一张技术分享,命名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>

 

仿百度地图全景小球旋转

标签:src   需要   logs   flow   blog   停止   bsp   一周   style   

原文地址:http://www.cnblogs.com/bfive/p/6692314.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!