网站首页返回
JS创建逼真的下雨效果
发布时间:2015年11月29日佚名 编辑:admin)阅读次
JavaScript创建一个比较真实的下雨效果!
上代码!
<!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