ホームページ > ウェブフロントエンド > jsチュートリアル > JSランダムフローティング広告コードの具体例_JavaScriptスキル

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

WBOY
リリース: 2016-05-16 17:14:19
オリジナル
1716 人が閲覧しました

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


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







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

最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート