ホームページ > ウェブフロントエンド > jsチュートリアル > 星に飛び込む特殊効果コード_javascriptスキルのjs実装

星に飛び込む特殊効果コード_javascriptスキルのjs実装

WBOY
リリース: 2016-05-16 16:33:26
オリジナル
1686 人が閲覧しました

この記事のサンプルでは、​​星空に飛び込む特殊効果のjsコードを記述していますので、ご参考までに共有したいと思います。

具体的な実装コードは次のとおりです:

コードをコピー コードは次のとおりです:

<頭>
高速で空へ飛んでいく星空



<スクリプト言語="JavaScript">
xL=8;
xH=xW=xR=xE=xMY=xMX=xWd=xHd=0;
xF=新しい配列();
xY=新しい配列();
xX=新しい配列();
xS=新しい配列();
xA=新しい配列();
xB=新しい配列();
ini=新しい配列();
document.write('
');
for (i=0; i document.write('
');
}
document.write('
');
関数 Set(){
for (i=0; i 転送(i)
xF[i]=xW/14;
}
}
関数 Assign(){
sdiv.style.top=document.body.scrollTop;
for (i=0; i xF[i]-=xS[i]*25;
if (xF[i] div[i].style.top =xY[i];
div[i].style.left=xX[i];
div[i].style.fontSize=xF[i];
}
}
関数 fly(){
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);
for (i=0; i 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] xMY-xHd) && (xY[i] 転送(i)
}
if ((xX[i]xW)||(xY[i]xH)){
xF[i]=xW/14;
}
}
Assign();
setTimeout('fly()',1);
}
関数転送(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);
if (xR == 3) xB[i]=-xE;
if (xR == 2) xB[i]=xW xE;
if (xR == 1) xA[i]=-xE;
if (xR == 0) xA[i]=xH;
}
Set();
fly();




この記事が皆さんの JavaScript プログラミングに役立つことを願っています

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート