js实现360度3D汽车旋转

360度3D汽车旋转

1.引入js文件

<script src="js/jquery.min.js"></script>
<script src="js/circlr.js"></script>

2.书写样式

<div class="container">
    <div id="circlr">
        
    </div>
</div>

3.书写JavaScript代码

<script>
for (var i = 1; i <= 70; i++) {
    // var cir = document.getElementById('circlr');
    //创建Img
    var img = document.createElement('img');
    //添加到页面中
    $('#circlr')[0].appendChild(img);
    //设置值
    img.setAttribute('data-src', 'picture/'+i+'.png');
}

$(function(){
    var cir = circlr('circlr',{
        scorll:true,
    });
}); 
</script>

这样就可以实现汽车旋转了。
图片文件以及源代码：https://github.com/Goorln/car-rotate.git