![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
ビルダー6・5で作成しています。ホームページの背景が上から下に流れるようなデザインにしてみたいと思っています。前に横にスクロールしているHPは見たことがあります。文字などは固定されていて、壁紙だけが動いていました。それは雲が動くデザインでした。雲自体もアニメだった気がするんですが、詳しくは覚えていないんですが。
何か、参考になる書籍、サイト、ご意見がありましたらお願いします。書籍については、逆引きというか、こういう事がしたいという事から、探せるようなものを、ご紹介頂ければ、助かります。引き続き自分でも探してみますが、ご協力お願いします。
No.2ベストアンサー
- 回答日時:
重要なのは、この部分です。
スクリプトタグは、わかりますか。
ここで、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 …
ありがとうございます。ビルダー使用でタグをいじらないせいで、全くと言っていいほどわかりません。こちらの勉強不足ですね。
何処に入れてやればいいのか判らないですけど、一応書籍を購入してみることにします。ありがとうございました。
No.3
- 回答日時:
267857の質問の方のsampleなどどうでしょう?(^^;;;
TEXTで編集してください。
参考URL:http://www.geocities.jp/ryu_777jp/newpage1.htm
回答ありがとうございます。ビルダー使用の為、タグをいじらないので全然わかりません。ちょっと役にたちそうなのを購入して学んでみます。ありがとうございました。
No.1
- 回答日時:
こういうのを言ってるのですか。
サンプルをのせます。知っているかもしれませんが、少しばかり解説を
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>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 美術・アート デザインについての考察。 なぜ人の脳は、規則正しく連続した要素を「背景」と認識するのか、実験してみま 2 2022/04/11 21:08
- HTML・CSS WEBサイトの構築。表示データとWEBデザインを分離する考え方を専門用語・業界用語では何と言うか? 8 2022/09/27 09:16
- 美術・アート ある背景イラスト画集を探しています。 はじめまして。 以前、ヴィレッジヴァンガードで1度 売られてい 1 2022/11/09 02:22
- その他(学校・勉強) 絵の描くのが下手な人、字を書くのが下手な人は記憶力が悪い? 7 2022/07/18 07:32
- デザイン 自分でテンプレートを作成し印刷して手帳を使う場合、黒字の背景デザインにしたいが、黒い紙に印刷しように 2 2023/08/12 22:28
- Excel(エクセル) 条件付き書式の設定方法を教えて下さい。 2 2023/04/14 18:12
- その他(読書) 出版社に要望の手紙を送りたい。 3 2023/02/12 14:29
- PDF 2つのPDFを重ねる方法はありますか? 4 2023/01/30 14:04
- その他(IT・Webサービス) 制作したWebサイトを録画する際、画面サイズを小さくしたり大きくしてレスポンシブの動きを確認するので 1 2023/02/18 00:33
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
スクロールバーを消したいです
-
h1にmarginを指定すると一瞬カ...
-
タブページの中にframeページを...
-
"mailtoでメールの【氏名】【性...
-
<a href="#" …>の意味を教えて...
-
HTMLタグでマウスポインタを変...
-
1から100までの平方根を表示す...
-
javascriptでのポップアップウ...
-
フレームだけ閉じる方法ありま...
-
javascriptとApacheの設定
-
HTMLでのブラウザタブの制御
-
別ウィンドウをサイズ指定するには
-
「オブジェクトを指定してくだ...
-
javascriptの外部スクリプトフ...
-
Dreamweaver で 外部JSを読み込...
-
<script>タグというのはどこか...
-
外部読み込みで動かないときの...
-
【Google Apps Script】「ライ...
-
IEの一番下の欄にメッセージ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
bodyにidをつける理由は何ですか?
-
テキストボックス内にハイパー...
-
(Javascript)印刷するファイル...
-
ハイパーリンクに下線を表示す...
-
bodyにwidth:100%をつける理由は?
-
WEB上で編集できない、スク...
-
ワンクリックで二箇所に表示さ...
-
横スクロールを右から左へ・・・
-
スクロールバーのスクロール量...
-
テキストをクリックすると答え...
-
bodyタグの範囲について
-
"mailtoでメールの【氏名】【性...
-
ページの読み込みが完了してか...
-
外部ページからハッシュタグ(...
-
「overflow: hidden」ペー ジ内...
-
DOCTYPE宣言をするとstyleが適...
-
mailtoで質問・・・
-
javaScript Nullまたはオブジェ...
-
ボタンが押されたらWebページの...
-
divで作成したテキストボックス...
おすすめ情報