最简单动画,js让背景滚动起来

利用setInterval(func, interval)函数可以实现最简单的动画

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>404 页面不存在</title>
	<style>
		.bg{
			background-image: url(//qiniu.uqugu.com/img/blog/bg-scroll/maze_bg.png);
		}
	</style>
</head>
<body class="bg">
	
	<script>
		function bgScroll(){
			var bgX = 0;
			setInterval(function(){
				bgX -= 1;
				document.body.style.backgroundPositionX = bgX + 'px';
			}, 20);
		}
		bgScroll();
	</script>
</body>

点击查看效果

有意思吗?

关于本文如您有任何想法和意见,欢迎与我们联系,邮箱地址zhi@uqugu.com
您对本文有什么看法,喜欢或者不喜欢都可以发表意见。