JSランダムフローティング広告コードの具体例_JavaScriptスキル-jsチュートリアル-php.cn

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

 var xPos=0,yPos=0;//x, y 軸座標
 var xon = 0;//画像は x 軸方向に移動します
 var yon=0;//画像は y 軸方向に移動します
 var step=1; // 移動距離
 var img =document.getElementByIdx_x("float ");//画像レイヤー

 function floatP()
 {

 var width=document.body.clientWidth;//ブラウザ幅
 var height=document.body .clientHeight;//ブラウザの高さ
 var Hoffset=img.offsetHeight;//画像の高さ
 var Woffset=img.offsetWidth;//画像の幅

 img.style .left=xPos document .body.scrollLeft;//画像とブラウザの左側との距離
 img.style.top=yPos document.body.scrollTop;//画像とブラウザの上部との距離ブラウザの

 if(yon==0 ){
 yPos=yPos step;//画像はy軸方向に上下に移動します
 }else{
 yPos= yPos-step;
 }
 if(yPos<0){// 上にフロートし、y 軸に沿って下に移動します 
 yon=0;
 yPos=0;
 } 
 if(yPos>=(height-Hoffset)){//下端までフロート、y 軸に沿って上に移動
 yon=1;
 yPos=(height-Hoffset);
 }

 if(xon==0){//x 軸は右に移動
 xPos=xPos step;
 }else{
 xPos=xPos-step;//x -axis は左に移動します
 }

 if(xPos<0){//Float to 左に移動するときは、x 軸に沿って右に移動します 
 xon=0;
 左に移動しますx 軸に沿って 
 xon=1;
 xPos=(width-Woffset);
 }

 setTimeout("floatP()",30); // タイミング呼び出し。 

 }
 window.onload=floatP();


 

 

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

著者別の最新記事

NullPointerException とは何ですか?どのように修正すればよいですか?

2024-10-22 09:46:29
初心者からプログラマーへ: 旅は C の基礎から始まります

2024-10-13 13:53:41
PHP による Web 開発のロックを解除する: 初心者ガイド

2024-10-12 12:15:51
C の謎を解く: 新人プログラマーのための明確でシンプルな道

2024-10-11 22:47:31
コーディングの可能性を解き放つ: まったくの初心者のための C プログラミング

2024-10-11 19:36:51
内なるプログラマーを解き放つ: まったくの初心者のための C

2024-10-11 15:50:41
C で生活を自動化する: 初心者向けのスクリプトとツール

2024-10-11 15:07:41
PHP を簡単に: Web 開発の最初のステップ

2024-10-11 14:21:21
Python で何でも構築: 創造性を解き放つための初心者ガイド

2024-10-11 12:59:11
コーディングの鍵: 初心者のための Python の力を解き放つ

2024-10-11 12:17:31