最速怪談選手権

背景が流れる（スクロールする）HPを作る方法

解決済

  • 質問者：noname#1755
  • 質問日時：
  • 回答数：3件

　ビルダー6・5で作成しています。ホームページの背景が上から下に流れるようなデザインにしてみたいと思っています。前に横にスクロールしているＨＰは見たことがあります。文字などは固定されていて、壁紙だけが動いていました。それは雲が動くデザインでした。雲自体もアニメだった気がするんですが、詳しくは覚えていないんですが。
　何か、参考になる書籍、サイト、ご意見がありましたらお願いします。書籍については、逆引きというか、こういう事がしたいという事から、探せるようなものを、ご紹介頂ければ、助かります。引き続き自分でも探してみますが、ご協力お願いします。
　

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (3件)

No.2ベストアンサー

  • 回答者： BlueRay
  • 回答日時：

重要なのは、この部分です。


スクリプトタグは、わかりますか。
ここで、Javascriptを記述しています。
そのJavascriptのプログラムをBODYタグで呼び出すようにしているだけですよ。

タグその他は、参考URLで自分のわかりやすいのを探してみてください。

<SCRIPT type="text/javascript"> ←スクリプトタグ
<!--
var x = 0;
var y = 1;
var timerID;

function MoveBackGround(ix,iy){
document.all["scroll"].style.backgroundPosition = x + " " + y;
x += ix;
y += iy;
}

function MveBG(x,y){
clearInterval(timerID);
x = 0;
y = 1;
timerID = setInterval('MoveBackGround(0,-1);',50);
}
//-->
</SCRIPT>

参考URL：http://www.google.co.jp/search?q=html+%83%5E%83O …
    • good
    • 0
    • 件
通報する
この回答へのお礼

　ありがとうございます。ビルダー使用でタグをいじらないせいで、全くと言っていいほどわかりません。こちらの勉強不足ですね。
　何処に入れてやればいいのか判らないですけど、一応書籍を購入してみることにします。ありがとうございました。

通報する
お礼日時：2002/05/11 22:34

No.3

  • 回答者： mizuchi_
  • 回答日時：

267857の質問の方のsampleなどどうでしょう？(^^;;;



TEXTで編集してください。

参考URL：http://www.geocities.jp/ryu_777jp/newpage1.htm
    • good
    • 0
    • 件
通報する
この回答へのお礼

　回答ありがとうございます。ビルダー使用の為、タグをいじらないので全然わかりません。ちょっと役にたちそうなのを購入して学んでみます。ありがとうございました。

通報する
お礼日時：2002/05/11 22:36

No.1

  • 回答者： BlueRay
  • 回答日時：

こういうのを言ってるのですか。

サンプルをのせます。

知っているかもしれませんが、少しばかり解説を
setInterval('MoveBackGround(0,-1);',50)
setInterval：指定ミリ秒毎に、繰り返し処理を行うメソッド
（サンプルでは、50ミリ秒毎にMoveBackGroundを処理します。）

次に、以下の説明です。
MoveBackGround(0,-1)
0 : 横軸に移動する値の設定（サンプルでは、移動はしないので0です。）
-1 : 縦軸に移動する値の設定（サンプルでは、上に上がるのでマイナスにしています。）

サンプル：
<HTML>
<HEAD>
<TITLE>背景スクロール</TITLE>

<SCRIPT type="text/javascript">
<!--
var x = 0;
var y = 1;
var timerID;

function MoveBackGround(ix,iy){
document.all["scroll"].style.backgroundPosition = x + " " + y;
x += ix;
y += iy;
}

function MveBG(x,y){
clearInterval(timerID);
x = 0;
y = 1;
timerID = setInterval('MoveBackGround(0,-1);',50);
}
//-->
</SCRIPT>
</HEAD>

<BODY id="scroll" background="bg01.gif" onload="MveBG(x,y);">
</BODY>

</HTML>

この回答への補足

すみません。タグは詳しくないので・・・・。もう少し、ご解説頂けると助かりますが。

補足日時：2002/05/10 20:07
通報する
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報