Ici, nous utilisons principalement une bibliothèque Rainyday JS, qui est très simple et pratique à utiliser, donc nous ne parlons pas beaucoup de bêtises, lisez simplement le code de démonstration.
La copie de code est la suivante:
<! Doctype html public "- // w3c // dtd html 4.01 transitional // en" "http://www.w3.org/tr/html4/loose.dtd">
<html>
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8">
<style média = "écran">
corps {
débordement: caché;
hauteur: 100%;
marge: 0;
rembourrage: 0;
}
img {
Largeur: 100%;
hauteur: 100%;
}
</ style>
<script src = "http://maroslaw.github.io/rainyday.js/dist/rainyday.0.1.2.min.js" type = "Text / javascript"> </ script>
<script type = "text / javascript">
fonction run () {
var image = document.getElementById ('fond');
image.onload = function () {
Var Engine = New Rainyday ({
Image: ceci,
});
moteur.rain ([[1, 2, 8000]]);
moteur.rain ([[3, 3, 0,88], [5, 5, 0,9], [6, 2, 1]], 100);
}
image.crossorigin = 'anonymous';
image.src = 'http://i.imgur.com/n7etzfo.jpg';
}
</cript>
<Titre> Wow! </TITAL>
</ head>
<body onload = "run ();">
<img id = "background" src = "" />
</docy>
</html>
N'est-ce pas un effet très cool? J'espère que tout le monde aime ça.