Skip to content

Goorln/car-rotate

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Releases

No releases published

Packages

No packages published