Maison > interface Web > js tutoriel > Méthode de mise en œuvre de l'effet de fond de pluie dynamique généré par les compétences JavaScript_javascript

Méthode de mise en œuvre de l'effet de fond de pluie dynamique généré par les compétences JavaScript_javascript

WBOY
Libérer: 2016-05-16 16:13:08
original
1246 Les gens l'ont consulté

L'exemple de cet article décrit la méthode d'implémentation de l'effet de fond de pluie dynamique généré par JavaScript. Partagez-le avec tout le monde pour votre référence. La méthode de mise en œuvre spécifique est la suivante :

Copier le code Le code est le suivant :


Effet de fond de pluie dynamique généré par JavaScript





var taille de pluie = 40;

var vitesse = 10;
var x = nouveau tableau();
var y = nouveau tableau();
var r = nouveau tableau();
var cx = nouveau tableau();
var cy = nouveau tableau();
var doc_width = document.body.clientWidth;
var doc_height = document.body.clientHeight;

pour(i=0; i initRain();
si (i == 0) {
Document.write("

Document.write("absolu; Z-INDEX: " i "; VISIBILITÉ: ");
Document.write("visible; HAUT : 15px; GAUCHE : 15px;">");
Document.write(",
"); sinon {
Document.write("
Document.write("absolu; Z-INDEX: " i "; VISIBILITÉ: ");
Document.write("visible; HAUT : 15px; GAUCHE : 15px;">");
Document.write(",.
"); >

fonction initRain() {

une = 6;

r[je] = 1;
sn = Math.sin(a);
cs = Math.cos(a);
cx[i] = Math.random() * doc_width 1;
cy[i] = Math.random() * doc_height 1;
x[i] = r[i] * sn cx[i];
y[i] = cy[i];
>

fonction raindropIE() {

pour (i = 0; i < rainsize; i) {

Mettre à jourRain();
Si ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) {
         makeRain();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight }
Document.all["dot" i].style.pixelTop = y[i];
Document.all["dot" i].style.pixelLeft = x[i]>
setTimeout("raindropIE()", vitesse);
>
fonction updateRain() {
r[je] = 10;
x[i] = r[i] * sn cx[i];
y[i] = r[i] * cs cy[i];
>
fonction makeRain() {
r[je] = 1;
cx[i] = Math.random() * doc_width 1;
cy[i] = 1;
x[i] = r[i] * sn cx[i];
y[i] = r[i] * cs cy[i];
>
goutte de pluieIE();




J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal