Di sini kami terutama menggunakan Perpustakaan JS Rainyday, yang sangat sederhana dan nyaman untuk digunakan, jadi kami tidak banyak bicara omong kosong, cukup baca kode demo.
Salinan kode adalah sebagai berikut:
<! Doctype html public "-// w3c // dtd html 4.01 transisi // en" "http://www.w3.org/tr/html4/loose.dtd">
<Html>
<head>
<meta http-equiv = "konten tipe" content = "text/html; charset = utf-8">
<style media = "screen">
tubuh {
meluap: tersembunyi;
Tinggi: 100%;
Margin: 0;
Padding: 0;
}
img {
Lebar: 100%;
Tinggi: 100%;
}
</tyle>
<Script src = "http://maroslaw.github.io/rainyday.js/dist/rainyday.0.1.2.min.js" type = "text/javascript"> </ptript>
<type skrip = "Teks/JavaScript">
fungsi run () {
var image = document.getElementById ('latar belakang');
image.onload = function () {
var engine = rainyday baru ({
Gambar: Ini,
});
engine.rain ([[1, 2, 8000]]);
engine.rain ([[3, 3, 0,88], [5, 5, 0,9], [6, 2, 1]], 100);
}
image.crossorigin = 'anonim';
image.src = 'http://i.imgur.com/n7etzfo.jpg';
}
</script>
<title> wow! </title>
</head>
<body onload = "run ();">
<img id = "latar belakang" src = "" />
</body>
</html>
Bukankah ini efek yang sangat keren? Saya harap semua orang menyukainya.