html在图片上实现下雨效果

阅读: 评论:0

html在图片上实现下雨效果

html在图片上实现下雨效果

html在图片上实现下雨效果
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ".dtd">
 2 <html>
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 5 <style media="screen">
 6 body {
 7     overflow: hidden;
 8     height: 100%;
 9     margin: 0;
10     padding: 0;
11 }
12 
13 img {
14     width: 100%;
15     height: 100%;
16 }
17 </style>
18 <script src=".js/dist/rainyday.0.1.2.min.js" type="text/javascript"></script>
19 <script type="text/javascript">
20     function run() {
21         var image = ElementById('background');
22         load = function() {
23             var engine = new RainyDay({
24                 image : this,
25             });
26             engine.rain([ [ 1, 2, 8000 ] ]);
27             engine.rain([ [ 3, 3, 0.88 ], [ 5, 5, 0.9 ], [ 6, 2, 1 ] ], 100);
28         }
29         ssOrigin = 'anonymous';
30         image.src = '.jpg';
31     }
32 </script>
33 <title>哇塞!</title>
34 </head>
35 <body onLoad="run();">
36     <img id="background" alt="background" src="" />
37 </body>
38 </html>

 

posted on 2014-11-23 17:32 Within_Temptation 阅读( ...) 评论( ...) 编辑 收藏

转载于:.html

本文发布于:2024-01-28 11:49:55,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/17064138017208.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:效果   图片   html
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23