Di sini kami menggunakan perpustakaan rainday js, yang sangat mudah dan mudah digunakan, mari lihat kod demo. Salin kod Kod adalah seperti berikut: http://www.w3.org/TR/html4/loose.dtd"> <br> badan {<br> Limpahan: tersembunyi;<br> ketinggian: 100%;<br> jidar: 0;<br> Padding: 0;<br> }<br> img {<br> lebar: 100%;<br> ketinggian: 100%;<br> }<br> http://maroslaw.github.io/rainyday.js/dist/rainyday.0.1.2.min.js</a>" type="text/javascript"></ skrip><br> <script type="text/javascript"><br> Function run() {<br> imej var = document.getElementById('background');<br> image.onload = function() {<br> enjin var = RainyDay baharu({<br> Imej: ini,<br> });<br> enjin.hujan([ [ 1, 2, 8000 ] ]);<br> enjin.hujan([ [ 3, 3, 0.88 ], [ 5, 5, 0.9 ], [ 6, 2, 1 ] ], 100);<br> }<br> image.crossOrigin = 'tanpa nama';<br> image.src = 'http://i.imgur.com/N7ETzFO.jpg';<br> }<br> </skrip><br> <tajuk>Wah! </title><br> </head><br> <body onLoad="run();"><br> <img id="background" alt="background" src="" /><br> </body><br> </html><br> </div> <p>Bukankah ia kesan yang sangat keren? Harap anda semua menyukainya. </p>