这里主要是应用了一个rainyday的js类库，使用非常简单方便，就不多废话了，看演示代码吧。 复制代码 代码如下: ttp://www.w3.org/TR/html4/loose.dtd">http://www.w3.org/TR/html4/loose.dtd"> <br /> body {<br /> overflow: hidden;<br /> height: 100%;<br /> margin: 0;<br /> padding: 0;<br /> }<br /> img {<br /> width: 100%;<br /> height: 100%;<br /> }<br /> http://maroslaw.github.io/rainyday.js/dist/rainyday.0.1.2.min.js" type="text/javascript"> <br /> function run() {<br /> var image = document.getElementById('background');<br /> image.onload = function() {<br /> var engine = new RainyDay({<br /> image : this,<br /> });<br /> engine.rain([ [ 1, 2, 8000 ] ]);<br /> engine.rain([ [ 3, 3, 0.88 ], [ 5, 5, 0.9 ], [ 6, 2, 1 ] ], 100);<br /> }<br /> image.crossOrigin = 'anonymous';<br /> image.src = 'http://i.imgur.com/N7ETzFO.jpg';<br /> }<br /> 哇塞！ 是不是非常酷的效果呢？希望大家能够喜欢。
