どんなタグを使えば・・・？？

解決済

質問者：noname#7809
質問日時：2003/12/21 18:19
回答数：3件

どこかのホームページで、
タイプのように文字が表れて、そして表示されたらまたタイプのように消える。すると次は違う文がまたタイプで表れて、消える。最後の文までいくと、今度はまた最初に戻る。
というようなページを見ました。これはどのようなタグを使えば良いのでしょう。
html講座などを調べて見たけれど、基本的な事ばかりで分かりませんでした。ご存知の方がいたら、教えてください。お願いします。

通報する

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

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： lead1976
回答日時：2003/12/23 10:36

ちょっと作ってみました。

こんな感じでしょうか?

<head>
<title></title>
<script type="text/javascript"></script>
</head>
<body>

<div id="msgfield" style="width: 100%; text-align: center;"><form name="f1"><input type="text" name="msgbox" size="60" style="border: none; text-align: center;" readonly></form></div>

</body>
</html>

テキストを順次表示し、一つのメッセージを表示し終えるごとに5秒間待ってから、バックスペースで消すようにメッセージを消去していきます。メッセージを消去し終えたら、次のメッセージを同様に表示していき、それを繰り返して最後のメッセージまで行ったら、始めのメッセージに戻ります。
DOMに対応しているブラウザでは、body内のdiv要素の中のHTMLを直接書き換えていきます。 DOMに対応していないブラウザでは、div要素の中のformにそれを表示していきます。

なお、スクリプト自体は、テキストの表示内容を調整するだけのものです。先の回答へのお礼にある、「真ん中から広がっていくように文字が現れたり」する表示は、スタイルシートの中央寄せ(text-align: center;)をdiv要素に適用することで調整しています。

参考になれば幸いです。

- 0
- 件

通報する

この回答へのお礼

ありがとうございます！！
とてもイメージ通りなものでした！参考にさせて頂きます。
本当にありがとうございました！

通報する

お礼日時：2003/12/25 20:23

No.2

回答者： spinuch
回答日時：2003/12/21 23:10

ako's cyber....にもあったような気がしますが、

私のよく使っている「Javascript kit.com」から、
タイピングのＪＳを紹介します。
snocraがどのように使うかよく分らなかったので、
果たして気に入ってもらえるかどうかは気にもしていないので「こんなん、ちゃうわー！」と言われても責任は取れません。
フリーですので、自由に使っていいみたい。（自己責任でお願い。）一応私が使うときにはリンクぐらいは貼ってました。
英語サイトですが、＜body＞に入れるところですよ。
とか、ここからは＜head＞に入れてねーと言う感じで、むずかしいことは書いていないので、「英語わからーん」と悩まないでね。
以下のサイトもこのサイトからのものです。
http://www.javascriptkit.com/cutpastejava.shtml
↑
これは、free jsのトップページ

http://www.javascriptkit.com/script/script2/type …

参考URL：http://www.javascriptkit.com/script/script2/type …

- 0
- 件

通報する

この回答へのお礼

あぁ・・・。とても近いものがありました！！
だけどっ・・・ごめんなさい！イメージと少し違って・・・。
文字が表れる周りの囲みがいらないのです。
そして、文字が消える時も文字が表れた時のように消えていくのです。
ついでに、真ん中から広がっていくように文字が現れたり・・・。
我侭でごめんなさい。でもとても参考になりました!
教えていただきありがとうございました。

通報する

お礼日時：2003/12/22 21:03