逼真的下雨效果代码,JS代码库,德仔网

代码语言

代码分类

【JS】逼真的下雨效果

作者:瑞 / 发布于2014/11/6/ 644


	<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<style media="screen">
	body {
	overflow: hidden;
	height: 100%;
	margin: 0;
	padding: 0;
	}

	img {
	width: 100%;
	height: 100%;
	}
	</style>
	<script src="http://maroslaw.github.io/rainyday.js/dist/rainyday.0.1.2.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	function run() {
	 var image = document.getElementById('background');
	 image.onload = function() {
	 var engine = new RainyDay({
	 image : this,
	 });
	 engine.rain([ [ 1, 2, 8000 ] ]);
	 engine.rain([ [ 3, 3, 0.88 ], [ 5, 5, 0.9 ], [ 6, 2, 1 ] ], 100);
	 }
	 image.crossOrigin = 'anonymous';
	 image.src = 'http://i.imgur.com/N7ETzFO.jpg';
	}
	</script>
	<title>这里就是一个异想天开的世界</title>
	</head>
	<body onLoad="run();">
	<img id="background" alt="background" src="" />
	</body>
	</html>

试试其它关键字

　下雨效果　

同语言下

可能有用的

瑞贡献的其它代码(3)