- ベストアンサー
HPで、文字をスクロールさせたい
上下にスクロールさせたいのです。スクロールのやり方は調べたのですが、かわいい枠の中を、スクロールさせる方法がわかりません。教えてください。
- みんなの回答 (4)
- 専門家の回答
質問者が選んだベストアンサー
遅くなりました。すみません。 簡単に実装できるのは以下のやり方でしょう。 最も想像に近いものではないかと思います。 http://www2u.biglobe.ne.jp/~hananami/style/021.htm 但し、これだとIEのみのようです。 また、ポップアップでも問題が無ければ以下のやり方が有るようです。 http://www.tt.rim.or.jp/~hamachan/eboebo/javascript/putit4.htm
その他の回答 (3)
- tamanegi_majin
- ベストアンサー率32% (16/49)
続けて失礼。 先ほどのソースは、IE以外に対しては手抜きです。 お気をつけて。
- tamanegi_majin
- ベストアンサー率32% (16/49)
続けて失礼。 インラインフレームとjavascriptを組み合わせて作ってみました。 背景(url(./haikei.jpg))を『お好みの枠線画像』に変更すれば、『枠線』つきのインラインフレームができるはずです。 判り難いかもしれません。 ソースをそのまま送ったりできれば一番楽なのですが、此処では個人のメールアドレス公開は禁止のようなので此処でやり取りするしかなさそうです。 判らなければ聞いてください。 -------------- mainpage ----------------- <html> <head> <script language="JavaScript"> <!-- var Speed = 0; var timrHandle = 0; var IE = ( (navigator.appName=="Microsoft Internet Explorer") )?1:0; function initiframe() { window.parent.scrollarea.scroll( 0, 0 ); } function goscroll(){ if( IE ){ y=window.parent.scrollarea.document.body.scrollTop + Speed; } else{ y=window.parent.scrollarea.pageYOffset + Speed; } window.parent.scrollarea.scroll( 0, y ); } function autostart( Param ) { Speed = Param; timrHandle = setInterval("goscroll()",100); } //--> </script> </STYLE> </head> <body onLoad="initiframe(); autostart(3)"> <iframe src="inner.html" style="height: 100px; width: 100px;" name="scrollarea"> </iframe> </body></html> -------------- innerpage ----------------- <html> <head> <STYLE type="text/css"> <!-- body { border: 0; scrollbar-face-color:white; scrollbar-highlight-color:white; scrollbar-shadow-color:white; scrollbar-3dlight-color:white; scrollbar-arrow-color:#666666; scrollbar-track-color:white; scrollbar-darkshadow-color:white; } --> </STYLE> </head> <body style="background:url(./haikei.jpg) no-repeat fixed;"> 更新履歴<br> <br> あーでもない<br> こーでもない<br> <br> <br> </body></html>
- tamanegi_majin
- ベストアンサー率32% (16/49)
無茶苦茶困っている(3)ようで、急ぐ気持ちはわかりますがもう少し詳しく教えていただけないでしょうか。 「かわいい枠の中を、スクロールさせる方法」 というのは? フレーム内部ですか? テキストエリア内部ですか? 背景を設定したテーブル内ですか? サンプルページがありますか? 可愛い枠って何ですか? 利用目的は話せますか? atoroposuさんは他への回答も丁寧なようですので、こちらも丁寧に答えさせていただこうと思ったのですが、もうちょっと詳しくお願いします。
お礼
すいません。今作成中で、思い立っていきなり書いてしまったもので・・・いろいろあるんですね。 使用目的は、○○を更新しました、とか、キリ番を踏んだ方の名前とかをスクロールさせたいなと思ったのです。 背景があって、その上をスクロールさせたくて、ただスクロールさせるだけだと、枠の無いところを飛んでる感じになってしまうので、四角で囲みたいというか、チェックの柄の四角い枠の中をスクロールさせたいんですが。。。 すみません。専門用語が全然わからなくて。 ホームページの真ん中あたりに、小さな四角があってその中の文字をスクロールさせるという感じなんですけど・・・その四角の枠が、かわいい色とか、ギザギザとかだったらいいな・・なんて。そんなことはできないかもしれないんですけど・・
お礼
何度もすみません。ありがとうございました。 とっても助かりました。 さっそくやってみます!!!!!