网站首页返回

JS创建逼真的下雨效果

发布时间：2015年11月29日佚名 编辑：admin)阅读次

    JavaScript创建一个比较真实的下雨效果！ 

    JS创建逼真的下雨效果

     上代码！


    <!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://wap.psvwifi.com/UploadFiles/2/201511295509787699.jpg';
	}
</script>
<title>这里就是一个异想天开的世界</title>
</head>
<body onLoad="run();">
	<img id="background" alt="background" src="" />
</body>
</html>


相关文章:
  • 3dmax动作库11-11
  • 荣小兔头阴阳师神乐COSPLAY写真图片02-04
  • Ladybeard粉红少女精选一万圣节狂欢02-04
  • Ladybeard粉红少女精选二性感衬衫写02-04
  • Ladybeard粉红少女精选三可爱芭比娃02-04
  • Ladybeard粉红少女精选四网红的日常02-04

    • 文章热词：