![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?5a7ff87)
No.2ベストアンサー
- 回答日時:
> ■流したいテキストを外部ファイルとして持たせるか
> (.jsですかね?流したいものがたくさんあって、なるべくページのソースは触りたくないので)
> ■各テキストにリンクがはれるか。
個人的にはjsにたくさんデータを持たせるよりは、ページのほうにたくさん
書くほうがいいと思いますが。。。
そのへんはお好きなように。
jsファイルで持つなら、setIntervalを呼ぶ前に、動かす部分の
文字列をセットしてあげる必要があります。
リンクを貼りたいのならinnerHTMLとかで書けばいいでしょう。
テロップだから右から流れてきたほうがいいですね。
また、右端は切りたいので大体次のよう感じどうでしょう。
(相変わらず、戻ってはきません。)
--
<div style="overflow:hidden;width:300;">
<span id="aa" style="position:relative;left:300;"></span>
</div>
<script type="text/javascript">
var targ=document.all.item("aa");
targ.innerHTML="hoge<a href='dummy.html'>aaa</a>test";
setInterval("move();",10);
function move(){
targ.style.left=parseInt(targ.style.left)-1;
}
</script>
--
本来はJavaScriptの中であっても "<"とか">"は実態参照で>とか<
のようにかくべきなのですが、めんどくさいのでやっていません。
> ■流れるテキストにマウス・オンした場合、テキストが
> とまるようにできるか。
setIntervalで戻り値にタイマのIDが返されるので、この値を
clearIntervalに渡せば止まります。
onMouseOverでとめて、onMouseOutで再開すればいいと思います。
ああ、大事なことを忘れてました。
JavaScriptの実装はブラウザ依存です。上記サンプルは
IE6、Opera7では動きましたが、他のブラウザで動く保証はありません。
ご注意ください。
※おそらくNNでは無理でしょう。FireFoxはどうかな??
今晩は。
ご指導いただき、どうもありがとうございます。
(お礼をいうのが大変遅くなり、申し訳ありません)
お蔭様で「DHTML」仕様にて、実装できました。
ありがとうございました。
No.1
- 回答日時:
JavaScript等で動的に操作できるようHTMLを拡張した仕様がDHTMLだったと思います。
ですのでJavaScriptまたはDHTMLということは無くて、両方使うことになります。具体的には、DIV等でテロップとして流す文字列を書いておいて、setIntervalで動かすとでしょうか?
だいたい以下のような感じかとおもいます。
(このままだと、どこまでも左に行ってしまい戻ってきませんが。)
--
<div id="aa" style="position:absolute;top:0;left:0;"> hoge</div>
<script type="text/javascript">
function move(){
var targ=document.all.item("aa");
targ.style.left=parseInt(targ.style.left)+1;
}
setInterval("move();",10);
</script>
IE独自仕様ですが、同じようなことが<marquee>というタグでもできます。
こちらではだめですか?(一応Opera7では動きました)
http://www.htmq.com/html/marquee.shtml
参考URL:http://www.htmq.com/html/marquee.shtml
この回答への補足
さっそくの回答をありがとうございます。
ちょっと補足させてください。
まず、ご指摘にもありましたが、DHTMLでOKです。
その場合、
■流したいテキストを外部ファイルとして持たせるか
(.jsですかね?流したいものがたくさんあって、なるべくページのソースは触りたくないので)
■各テキストにリンクがはれるか。
■流れるテキストにマウス・オンした場合、テキストが
とまるようにできるか。
以上3つの点、よろしかった教えていただけますか。
どうぞ宜しくお願いいたします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript Javascriptで出来ること 1 2022/05/16 20:19
- JavaScript Q&Aの掲示板を作成していてヤフー知恵袋やgoo質問のように質問ごとにURLを生成したい 5 2023/08/04 01:22
- Instagram HTML5の廃止とJavaScript 2 2022/04/13 21:05
- JavaScript 助けてください!スパムメールがとんでもなく大量に届きます。 3 2023/08/10 16:32
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- JavaScript JavaScript|特定URLだった時、特定の要素を変更するコードの書き方を教えてほしいです 2 2023/08/25 21:43
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- JavaScript javaScriptで画面に値を入れるには 1 2022/08/14 12:27
- その他(プログラミング・Web制作) WEBアプリ開発に必要な言語 5 2023/06/28 16:57
- JavaScript jqueryとJavaについて 2 2022/05/16 22:39
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScriptでiframeの内容を「...
-
フォーカス移動抑止について
-
HTMLのソースの取得・正規表現
-
javascript内でのhtmlのID取得
-
初投稿です!javascriptで質問...
-
designModeをOnにしたインライ...
-
getElementsByNameで要素が取得...
-
Javascript 間違っている箇所...
-
SCRIPT5007: 未定義または NULL...
-
日数カウントダウンをホームペ...
-
ページ全体を検索して特定文字...
-
idHOGEで取得したinnerText(数...
-
数字の足し算が出来ないのです...
-
<body>タグを書き換えたい
-
classNameにメゾットを追加したい
-
何度もリピートする、カウント...
-
引数付きで呼び出す関数・配列...
-
DOMで生成したタグにCSSが適用...
-
テキストやリンクの表示・非表示
-
JavaScriptでの西暦下2桁での表...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
function の return 値を表示し...
-
getElementsByNameで要素が取得...
-
SCRIPT5007: 未定義または NULL...
-
JavaScriptでiframeの内容を「...
-
フォーカス移動抑止について
-
キーを押している間の時間を計...
-
JavaScript でキーを送る
-
bodyタグのfocus
-
ボタンのID名を取得するには?
-
JavaScriptでのEnterキーとAlt+...
-
リンク移動先のURLを取得
-
初心者javascript ウィンドウサ...
-
自動ジャンプでフォームデータ...
-
乱数を一定時間毎に表示させた...
-
jQuery ツールチップの中のリンク
-
idHOGEで取得したinnerText(数...
-
フレームサイズの変更について
-
AjaxでDBから取得したデータを...
-
JavaScriptでの西暦下2桁での表...
-
ページ全体を検索して特定文字...
おすすめ情報