画像を自動的に動かすには?

[上に] [前に] [次に]
なべちゃん [E-Mail] 2000/03/04(土) 03:32:01
たまに画像がかってに画面上を動き回っているHPを見かけるのですが
あれはどうやって設定すればいいのですか?
アラカルトに簡単なやり方がかいていたのですが、
どこをどう変えたら動きが変わるのかがわかりません
詳しい方よろしくお願いします

無責任官庁 2000/03/06(月) 16:07:34
> たまに画像がかってに画面上を動き回っているHPを見かけるのですが

そのサイトのページを「ソース表示」してみたらどうでしょうか。
どういう事をやってるかは、それで分かるんじゃないかな。

> どこをどう変えたら動きが変わるのかがわかりません

その前に、どう動きを変えたいのかが書いてないので分からないのですが…
とりあえずあのサンプルの解説を書いておきましょう。

function func() {
if (document.all) {
document.all.E1.style.posLeft += 1;
//IEの場合はここで右へ1ピクセル移動する
} else if (document.layers) {
document.layers["N1"].left += 1;
//NNの場合はここで右へ1ピクセル移動する
}
window.setTimeout("func()", 100);
//0.1秒おきに繰り返し
}

といった感じになってます。
“+=1”ってなってるのを、“-=1”にすると、左に移動…しますが、
初期値を変えないと、あっという間に画面外ですね。
ちなみに上下移動はそれぞれ、“document.all.E1.style.posTop”、
“document.layers["N1"].top”の値を変化させることでできます。
(やった事は無いので、「たぶん」・・・ですが)

また、このサンプルでもそうですけども、移動の範囲を定義していないと、
際限無く移動しつづけますね。
“画面外に消えた時の処理”というのも考えないといけないですね。

なべちゃん 2000/03/06(月) 22:29:40
[[解決]]
レスどうもありがとうございました
取りあえずソースを参考にして見ることにします

[上に] [前に] [次に]