• 締切済み

テキストのスクロールで奥行きを見せたい

　自分のＷｅｂページに対する画像効果として、テキストをスクロールアップして 映画のスタッフロールのようにしたいと考えています。 　ｊａｖａスクリプトを使用することで、スクロールするとこまでは出来たのですが、その次に進めません。 テキストが段々と画面の奥へ消えて行く効果をつけたい（単純に上にスクロールするのではなく、奥行きを見せたい）のです。 スクロールアップするに従って段々と文字サイズを小さくすることで実現できるのではないかと思っているのですが、具体的な方法が分かりません。 同様の効果があれば、文字サイズの件にはこだわりませんので、良い案又は参考となる資料がありましたら、お教え下さい。

  • HTML
  • 回答数2
  • ありがとう数3

みんなの回答

  • m_nkgw
  • ベストアンサー率47% (42/89)
回答No.2

IEだけなら一応表示されます。 <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> var i=100; function dispwipeout(){ if (i>0){ ChangeSize.style.fontSize=i; i=i-1; setTimeout("dispwipeout()",20); } } </SCRIPT> </HEAD> <BODY onLoad="dispwipeout()"> <CENTER> <div id=ChangeSize>('o')/</div> </CENTER> </BODY> </HTML> IE5.0で確認。でもクロスブラウザの原則に反してますよね・・（苦笑） フェードイン・フェードアウトになさってはいかがでしょう？

t_yossan
質問者

お礼

お礼が遅くなってしまいました。回答ありがとうございます。 私も試してみましたが、やはりＮＮでは動作しないです。 スクロールしながら文字列の大きさを変更するのは、 難しいのかも知れませんね。 もう少し実験してみて、ダメだったら諦めます。 ありがとうございました。

noname#9414
noname#9414
回答No.1

回答がついていないようなので・・・ HTMLで指定することのできる文字の大きさは7段階しか ありません。これを使って奥行きを出そうとすると どうやっても一番はじめの大きな文字はsize=7にする しか手はありませんよね。 それってとんでもなく見にくいものになってしまうような 気がします。どうしてもというのであれば、お金は かかりますが、Flashを使った方がより効果的なものが 作成できると思いますよ。 ＃テキストだけではJavaScriptのスクロールがいい ＃ところではないでしょうか？ ではでは☆

t_yossan
質問者

お礼

お礼が遅れてしまいました。回答ありがとうございます。 動画gifでも作成できることはできるのですが、 美しくない上に重くなってしまうんですよね。 やはりFlashなんでしょうか。。。 もう少し考えてみます。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • テキストスクロール

    Ｆｌａｓｈ初心者です。 http://www.flashiroha.com/script/as5.html のサイトを参考にテキストスクロールを作成したのですが、 1.ボタンを押している間ずっとテキストをスクロールさせるようにするにはどうしたらいいでしょうか？（現状ワンクリック１行のスクロールでカチカチ押さなければならない。） 2.外部読み込みのテキストで、文字の色やサイズを部分的に変えたいのですがテキストファイルにhtmlを打ち込んでも全く反映されず、そのタグ自体が画面に表示されてしまいます。どうすればいいでしょうか？

  • 文字スクロール　ストップ　再スクロール

    　「やりたい事」 テーブル内でジャバスクリプトを使用し、 文字を右から左へスクロールし、 端っこでストップをかける。 　しばらくしたらまた左へスクロールして消える。 また、右から左へ流れ出る。 これの繰り返しをしたい。 　テーブルの行数は三行あり、 上から順番に文字の スクロールしてくる時間（スクロール開始時間）に タイムラグがあるが、 左端で一度三行ともストップし、 最後に一斉にスクロールして消えていく、という仕組み。 文字のスクロールはできますが、 文字をストップして、再スクロールする方法と 三行分に文字のスクロールする タイミング（文字の流れる速度ではない）を ズラす方法がわかりません。 どういうコードを記述すればよいのでしょうか？

  • 至急！パワーポイントでテキストをスクロールさせ続ける

    いつもお世話になっております。大至急のお返事をお待ちしてます。 パワーポイントについて以下のことができるかどうか質問させてください。 パワーポイントでスライドを１０枚作ったとして、その１０枚すべての下部にテキストをスクロールさせたいのです。（テキストはストーリーになっていて、１０枚のスライドがそれぞれ物語りになっていると考えてください） 各スライドの下部の右から左に文字がスクロールされ、左に到達した文字は、そのまま画面から消えていくような形で表現できますでしょうか？つまり、伝言掲示板のような形です。 １０枚スライドがあり、１０個のテキストボックスがあると考えてください。１個１個のテキストボックスにはすべて違う文章が入っていて、画面の右から左までの幅以上の内容が入っています（つまり、伝言掲示板のように流れていかなければ表示しきれません） また、その伝言掲示板のようなテキストとは別に、スライド内にいくつかのオブジェクトがあり、それらはそれらで、テキストがスクロールしている最中に、表示させたりアニメーションの設定をしたいです。 このようなことができない場合は、別の方法を考えます。 できるのであれば、どのような設定を行えば実現できるか教えてください。 また、質問の内容が分からない場合は補足しますのでおっしゃってください。 よろしくお願い致します。

  • javaスクリプトでリンク付のスクロールテキストを作成したいのですが、

    javaスクリプトでリンク付のスクロールテキストを作成したいのですが、困っております。 参考サイトを探し、下記の状態まで作成しております。 <html> <head> <script language="JavaScript"> <!----- var msg = "テキスト"; msg = msg + "　　　　　"; msg = msg + "テキス2"; msg = msg + "　　　　　"; var speed = 200; function textDisp(){ msg = msg.substring(1,msg.length) + msg.substring(0,1); document.form1.text1.value = msg; setTimeout("textDisp()",speed); } var winTarget = "_self"; var url = "http://www.yahoo.co.jp/"; function textlink(){ open(url, winTarget); } //-----> </script> </head> <body bgcolor="white" onLoad="textDisp();"> <form name="form1"> <input type="text" name="text1" size="60" onclick="textlink();" style="cursor:hand;border:none;color:#ff3399;" onMouseover="this.style.color='#ffcc00'" onMouseout="this.style.color='#ff3399'"> </form> </body> </html> 表示時に”テキスト”と”テキスト2”を独立してそれぞれ、違うリンク先に飛ばすには どのようにすればよろしいでしょうか？ また、空白をのぞき、リンク部分だけに下線をつけたいです。 CSSで指定をすると文字から空白まですべてに下線が付いてしまいます。 説明が悪いかもしれませんが、もしお分かりになる方おられましたら、参考サイトでも かまいませんのでお教えいただけますと幸いです。

  • Java Scriptによるテキストエリア内での改行

    Java Scriptでテキストエリアに文字を書き込む方法で、 フォーム名.テキストエリア名.value = "文字＆文字" と書けば、テキストエリアに文字＆文字を書き込んでくれます。 でも、こうすると、改行ができません。 どうすれば、改行ができるようになるのでしょうか？

  • テキストボックスにスクロールする文字列を表示する。

    テキストボックスにスクロールする文字列を表示する方法を知りました。^^ これはできたのですが、同じページで、「★メッセージ1」の他に 「別の表示」をさせたいのですがどうしたらいいんでしょうか? 例えば、「★メッセージ2」。など　 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- msg="★メッセージ1　　　　　"; function scroll(){ msg=msg.substring(1,msg.length)+msg.substring(0,1); document.myform.mytext.value=msg; setTimeout("scroll()",300); } //--> </SCRIPT> </HEAD> <BODY onLoad="scroll()"> <CENTER> <FORM name="myform"> <INPUT name="mytext" size="20"> </FORM> </CENTER> </BODY> </HTML>

  • パワーポイントで多い行数をスクロールさせ続ける

    映画のエンドロールのように、文字をスクロールさせたいのですが、 行数が物凄く多いので途中で止まってしまいます。 アニメーション設定で、「クロールイン」にするとできる可能性があるということを知り、 やってみたのですが・・・ 「アニメーションの設定」作業ウィンドウの「クロールイン」右横の▼をクリックし、 「効果のオプション」を選び 　　　　　　　　　　　　↓ 「クロールイン」ダイアログボックスの「アニメーション」タブで、 「グループテキスト」を「1つのオブジェクトとして」を選ぶ　みたいなのですが、 「クロールイン」ダイアログボックスに「効果」「タイミング」のタブは出てくるのに、 「アニメーション」タブが出てきません。どこか他のところで設定ができるのでしょうか・・・？ お分かりの方がいましたら、よろしくお願いします。

  • 外部テキスト読み込みでマーキーしたい

    Flashのアクションスクリプトを使い、外部のテキストを読み込ませ、さらにそのテキストをmarqueeタグのように、左から右へ流れるように表示させ、それを繰り返したいです。 以下のページを参考にし、外部テキストを表示するところまでは問題なく出来ました。 http://www.mdn.co.jp/content/view/4566/111/ marqueeのようなスクロールは、ダイナミックテキストをモーショントウィーンでやりました。 ただし、読み込ませる外部テキストの文字数が毎回違います。 それにより、文字数が １、読み込ませるテキストの文字数が毎回違うため、文字の長さによっては、文字が隠れて表示されない。 ２、読み込ませるテキストの文字数が毎回違うため、文字の長さによってモーショントウィーンではうまく繰り返しのタイミングが掴めない。 ということです。 １、はダイナミックテキストで文字数がいなかる場合でもちょうどぴったりテキスト枠のサイズが指定できる方法はないでしょうか？ ２、ちょうど読み込んだテキストの最後が消えた時点で、また頭から繰り返すにはどうすればよいでしょうか？ 環境は、 Windows Vista Flash Pro 8 よろしくお願いいたします。

    • ベストアンサー
    • Flash
  • ボタンを押したら、テキストに文字を表示したい

    お世話になります。 Java Eclipse で作成しております。 ボタンを押したら、テキストに、変数で指定した文字を表示したいのですが、 どのようにすれば、実現できるでしょうか？ ※直接、文字を打ち込むのではなく、変数を通して、入れたいと思っております。 参考URLでも結構ですので、 よろしくお願い致します。

    • ベストアンサー
    • Java
  • JavaとJavaスクリプトの違い

    JAVAの通信教育を受けるのですが、 JAVAとJAVAスクリプトは同じものだと思ってました。 画像や文字をスクロールさせたりするソースが、 JAVAだと思ってました。 JAVAとJAVAスクリプトの違い、JAVAとは何か分かり易く教えてください。

    • ベストアンサー
    • Java

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する