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();


 

 

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

人気のチュートリアル

詳細>

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

JSランダムフローティング広告コードの具体例_JavaScriptスキル