- ベストアンサー
背景が流れる（スクロールする）HPを作る方法
ビルダー6・5で作成しています。ホームページの背景が上から下に流れるようなデザインにしてみたいと思っています。前に横にスクロールしているＨＰは見たことがあります。文字などは固定されていて、壁紙だけが動いていました。それは雲が動くデザインでした。雲自体もアニメだった気がするんですが、詳しくは覚えていないんですが。 何か、参考になる書籍、サイト、ご意見がありましたらお願いします。書籍については、逆引きというか、こういう事がしたいという事から、探せるようなものを、ご紹介頂ければ、助かります。引き続き自分でも探してみますが、ご協力お願いします。
- CSS
- 回答数3
- ありがとう数4
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
重要なのは、この部分です。 スクリプトタグは、わかりますか。 ここで、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>
その他の回答 (2)
- mizuchi_
- ベストアンサー率15% (86/545)
267857の質問の方のsampleなどどうでしょう？(^^;;; TEXTで編集してください。
お礼
回答ありがとうございます。ビルダー使用の為、タグをいじらないので全然わかりません。ちょっと役にたちそうなのを購入して学んでみます。ありがとうございました。
- BlueRay
- ベストアンサー率45% (204/453)
こういうのを言ってるのですか。サンプルをのせます。 知っているかもしれませんが、少しばかり解説を 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
- 背景固定、文字がスクロールするHPのタグは？
よく背景（壁紙）が固定で、文字や、画像だけスクロールバーでスクロールできるHPを見かけますが、HTMLタグをご存知でしたら、できれば初心者向けで回答お願いします。
- ベストアンサー
- HTML
- HPビルダー８ 背景について
こんにちは。 ＨＰビルダー８を使ってＨＰを作成している者です。 質問は、画面をスクロールするときに、背景を動かないように固定したいのですがどうすれば良いのでしょうか？ どなたか詳しい方教えてください。 よろしくお願いします
- ベストアンサー
- ホームページ作成ソフト
- スクロールをしても、背景は動かない様にしたい。
ホームページビルダー９を使っています。 webギャラリーを作っているんですが、そのHPを背景の画像を動かさずに、スクロールさせる方法を教えて下さい。 感じとしては、下記のURLの感じのページにしたいのです。宜しくお願いします。 http://space4410.sunnyday.jp/soccersozai3.htm
- ベストアンサー
- ホームページ作成ソフト
- 背景が固定のTHMLを作るにはどうしたらいいのでしょうか？
たまにＨＰを見ていて、縦スクロールしても背景が固定されているものをもます。 現在ホームページビルダーを使って作成しています。どのようにしたら作成できるのでしょうか？ 教えてください！！
- 締切済み
- その他（インターネット接続・通信）
- 背景を固定し文章だけをスクロール
こんにちは。 自分のホームページの背景に写真を選んだため、日記などでスクロールしていると目が回ってしまうんです。背景を固定し、文字だけをスクロールさせる事はできないのでしょうか？ 御回答をよろしくお願いします。
- ベストアンサー
- HTML
- 表の背景？
背景を固定したページで表を付けて スクロールした時に背景が透けるのって どうやったら出来るんですか？ 僕はHPビルダー2001を使っています。
- ベストアンサー
- その他（インターネット・Webサービス）
- ＨＰ背景について・・・
あの、ＨＰの背景を固定したいんですがタグがわかりません。 スクロールしても動かないってやつです。 gooの簡単ＨＰでできるのがいいんですが・・・。 教えてください。
- 締切済み
- その他（インターネット・Webサービス）
- ＨＰビルダーで背景の変更方法
ＨＰビルダー１３です 背景をつけていたのですが、これを全く無地にしたいのですが 壁紙の素材の中にありません どうすれば無地にすることができるでしょうか？
- ベストアンサー
- ホームページ作成ソフト
- スクロール文字の背景の幅を変えたい
ホームページを作っています。 背景があるスクロール文字の作り方は分かったのですが、字の大きさはそのままで、背景の帯（横スクロールですので、横長のもの）の縦幅を少し大きくしたいのですが‥よろしくお願いします！
- ベストアンサー
- その他（プログラミング・開発）
- ホームページの背景固定
ページの背景に画像を置いて固定し、文字だけがスクロールするようにしたいのですが、どのようにしたら良いのでしょうか。 ホームページビルダー７を使っています。
- ベストアンサー
- ホームページ作成ソフト
お礼
ありがとうございます。ビルダー使用でタグをいじらないせいで、全くと言っていいほどわかりません。こちらの勉強不足ですね。 何処に入れてやればいいのか判らないですけど、一応書籍を購入してみることにします。ありがとうございました。