1 2 3 4 5 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 18 19 20 function run() {21 var image = document.getElementById('background');22 image.onload = 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 image.crossOrigin = 'anonymous';30 image.src = 'http://i.imgur.com/N7ETzFO.jpg';31 }32 33 哇塞！ 34 35 36 37 38
查看更多关于html在图片上实现下雨效果_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did106388