js implémentation des compétences code_javascript pour les effets spéciaux Flying into Stars

L'exemple de cet article décrit le code js pour l'effet spécial du vol dans les étoiles, et j'aimerais le partager avec vous pour votre référence.

Le code d'implémentation spécifique est le suivant :

Copier le code Le code est le suivant :

xL=8;
xH=xW=xR=xE=xMY=xMX=xWd=xHd=0;
xF=nouveau tableau();
xY=nouveau tableau();
xX=nouveau tableau();
xS=nouveau tableau();
xA=nouveau tableau();
xB=nouveau tableau();
ini=nouveau tableau();
document.write('

');
pour (i=0; je < xL; je ){
document.write('

');
>
document.write('

');
fonction Ensemble(){
pour (i=0; je < xL; je ){
transfert(i)
xF[i]=xW/14;
>
>
fonction Attribuer(){
sdiv.style.top=document.body.scrollTop;
pour (i=0; je < xL; je ){
xF[i]-=xS[i]*25;
si (xF[i] < 4) xF[i]=3;
div[i].style.top =xY[i];
div[i].style.left=xX[i];
div[i].style.fontSize=xF[i];
>
>
fonction voler(){
xMY=window.document.body.clientHeight/2;
xMX=window.document.body.clientWidth/2;
xWd=Math.round(Math.random()*40 5);
xHd=Math.round(Math.random()*30 5);
pour (i=0; je < xL; je ){
xY[i]=xA[i] =(xMY-xA[i])*(xS[i]);
xX[i]=xB[i] =(xMX-xB[i])*(xS[i]);
if ((xX[i] > xMX-xWd) && (xX[i] < xMX xWd) && (xY[i] > xMY-xHd) && (xY[i] < xMY xHd)){
Transfert(i)
>
si ((xX[i]<0)||(xX[i]>xW)||(xY[i]<0)||(xY[i]>xH)){
xF[i]=xW/14;
>
>
Attribuer();
setTimeout('fly()',1);
>
transfert de fonction(i){
xH=window.document.body.offsetHeight;
xW=window.document.body.offsetWidth;
xA[i]=Math.round(Math.random()*xH);
xB[i]=Math.round(Math.random()*xW);
xS[i]=Math.random()*0.05 0.05;
xR=Math.round(Math.random()*3);
xE=Math.round(Math.random()*50 50);
si (xR == 3) xB[i]=-xE;
si (xR == 2) xB[i]=xW xE;
si (xR == 1) xA[i]=-xE;
si (xR == 0) xA[i]=xH;
>
Ensemble();
voler();

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

Déclaration：

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