- ベストアンサー
JavaScriptの流れる文字
初めて質問させて頂きます。 JavaScriptで流れる文字を作成し、流すことはできたのですが、文章の一部分がうまく流れず、行ったり来たりしてスムーズになりません。 文章の長さなどは関係あるのでしょうか。 どうすれば、スムーズに流れるようになるのか教えて下さい！
- 4106rm
- お礼率41% (7/17)
- JavaScript
- 回答数4
- ありがとう数3
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
どんな実装をしたかにもよるわね。 実際のコードを見ないと判断がつかないわ。
その他の回答 (3)
- cyokodog
- ベストアンサー率56% (13/23)
スムーズという言葉が気になったのですが、発想を変えて以下のよう1px単位で位置移動させるというのはいかがでしょう？ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"/> <script> window.onload=function(){ var $=function(id){ return document.getElementById(id) } var container=$('container') var target=$('sample') var startLeft = container.offsetWidth; var endLeft = -target.offsetWidth; target.style.left=(startLeft-100)+'px'; target.style.width=-endLeft+'px'; target.style.position='absolute'; setInterval(function(){ var left = parseInt(target.style.left) target.style.left=((left<endLeft?startLeft:left-1)+'px'); },10); } </script> <style> html,body{ margin:0; } #container{ width:100%; height:1em; overflow:hidden; background:#555; position:relative; } #sample{ color:#fff; } </style> </head> <body> <div id="container"> <span id="sample">あいうえおかいくけこ</span> </div> </body> </html>
- zeeeg
- ベストアンサー率55% (5/9)
これでスムーズになりませんか？ (1) 表示させるフォントを等幅フォントにする。 また、メッセージは全角文字（又は半角文字）に統一する。 (2) フォームへの出力は一度に表示させられる文字数に制限する。 例えば、document.fm.txt.value = msg.substring(0, 20); ※蛇足ですが、var msg=msg+msg; の var は要りません。
お礼
お礼が遅くなって、申し訳ございません。 丁寧なご回答ありがとうございます。 参考になりました！！
- askaaska
- ベストアンサー率35% (1455/4149)
普通に動くと思うけど。 もしかしたらテキストフィールドの幅の関係で 錯覚を起こしているだけかもしれないわよ。
お礼
お礼の返信が遅れて申し訳ございません。 ご回答ありがとうごさいます！！
関連するQ&A
- Javascript の文字置換について
Javascript の文字置換について質問致します。 <!-- 文章 --> こんにちは。 <!-- 文章２ --> 上記の様なコメントで囲まれた文字を削除し、コメント以外のみを抽出するにはどのようにするとよろしいでしょうか？ 抽出後は、 こんにちは。 のみが抽出されます。
- ベストアンサー
- JavaScript
- JavaScriptで表示した文字の文字化け
よその掲示板を自分のサイトで部分的に表示するJavaScriptなのですが、文字化けしてしまいます。 <script language="JavaScript" src="http://×××.js"></script> というタグで、利用するJavaScriptはその掲示板のサイトで作成してアップロードされているものです。 私のサイトのHTMLは、今回HTML5で作ってみました。 文字のエンコーディングはこんな感じにしています。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> 文字化けを修正する方法のご指導よろしくお願いします。
- ベストアンサー
- JavaScript
- JavaScriptって大文字と小文字は区別されるんですか？
初めまして、よろしくお願いします。 JavaScriptって大文字と小文字は区別されるんですか？（あとheadの中に書くmetaタグも。なぜか書籍中の見本は大文字小文字の区別があるように見えるので） HTMLだと、別に大文字だろうが小文字だろうが、混在してようが関係ないですよね。 いちいちcapslockやshiftを押すのも面倒なので(^_^;) 超ビギナーな質問で申し訳ありませんが、よろしくお願いします。
- ベストアンサー
- Perl
- htmlとjavascript
javascriptを外部ファイルで作成しています。 HTMLの作ったテキストとjavascriptで作ったテキストを同時に、 組み合わせたいのですがどうしたらいいのでしょうか…？ <body> <h1>タイトル</h1> <p>内容</p> ここにjavascriptで文字等を表示 </body> 外部ファイルのjavascriptで「document.write(・・・・・)」 だと、htmlの文章が消えてdocument.writeの文だけになってしまうので、 何か解決策を教えていただけると幸いです。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- 文字の大きさを変更するjavascriptについて
文字の大きさを変更するjavascriptについての質問です。 現在以下のようなスクリプトを使用しているのですが、 IE６では動作しますがFirefox2.0では動きません。 原因、アドバイス等あればご指摘お願いします。 *****このスクリプトを外部ファイルとして読み込んでいます***** function larger(){ content_area.style.fontSize="14pt"; } function standard(){ content_area.style.fontSize="12pt"; } function smaller(){ content_area.style.fontSize="9pt"; } *********************************************************** *****head内の外部js読み込み部分***** <script type="text/JavaScript" src="common/js/fontsize.js"></script> ************************************ *****body内のjavascript呼び出し部分***** <ul> <li class="text_large"><a href="javascript:larger()">文字サイズ大</a></li> <li class="text_mid"><a href="javascript:standard()">文字サイズ中</a></li> <li class="text_small"><a href="javascript:smaller()">文字サイズ小</a></li> </ul> **************************************** よろしくお願いします。
- ベストアンサー
- JavaScript
- JavaScriptで流れる文字
JavaScriptで流れる文字 ティッカー 流れる文字 つhttp://javascript123.seesaa.net/article/110681301.html このサイトのJavaScriptを借りているんですが、 list[0]="Message1"; list[1]="Message2"; list[2]="Message3"; というように順番に表示されてしまいます。 これをランダムにしたいのですがJavaScriptについては素人なのでうまくいきません。 どのようにすればランダムな順番で表示されるようになるのでしょうか。 また、出来れば同じメッセージが続けて表示されないように工夫したいです。 たとえば、list[1]の後にはlist[1]以外のメッセージが流れるように。
- ベストアンサー
- JavaScript
- Javascriptで特殊文字を置換する方法
表題の件で分からず教えてください。 PerlでHTMLとJavascript(HTML埋め込み)を作成しています。 Javascript(On Click)で、文字列を置換させたいのですが、うまくできません。 (最終的にやりたいことはTextAreaに埋め込んだタグ付き文章を「プレビューする」ようなイメージです) ■置換前の文字列 $body$ ■置換後の文字列 任意の文字列(タグを含む) ネットで調べたところ次の方法でできるようだったので試しましたが、できませんでした。 var rgexp = new RegExp("\$body\$", "g"); str = frm.preview.value.replace(rgexp, "■■■"); 「$」とエスケープ文字をはずすとうまくいくので、多分「$」で失敗しているのだと思いますが 解決が分かりません。 ※エスケープをはずすとPerlの出力時に怒られてしまいます お分かりになる方いらっしゃいましたらお願いします。
- ベストアンサー
- JavaScript
- javascriptで、文字をクリックすると、
最近htmlをいじり始めた初心者です。 javascriptで、文字をクリックすると、innerTextで変わるようにしたのですが、その変えた文字に、リンクをはるにはどうしたらよいのですか？ くだらない質問だと思いますが、ご回答お願いします。
- 締切済み
- JavaScript
- javascriptに関しまして。
javascriptに関しまして。 javascriptに関してお聞きしたいことが2点ほどあります。 (1)javascriptのインデックス番号は[０],[１],[２],[３]という番号だけでなく []内にオブジェクト名を入れても参照できるのでしょうか。 (2)document.cookie = "ASH_jsc=" + str + "; exp=" + ex.toGMTString(); という一文を見つけたのですが、 (I)なぜ、ASH_jscの部分だけでなく＝部分まで文字列 として扱う必要があるのでしょうか？ (II)+ str +の部分は何のために両辺に＋を付け加えているのでしょうか・・？ 初歩的な質問ですみません。 詳しい方がいらっしゃいましたら、お願い致します。
- ベストアンサー
- JavaScript
- javascriptで区切り文字
お世話になります。 ただ今javascript+PHPで開発しております。 FORMの値をjavascriptで取得し、遷移先URL＋パラメータ部を作成しPHPに渡しております。 そこで今”＆”を入力された場合に困っております。 FORMの値で＆と言うのが入力されていたら ＆が別のパラメータとして認識されてしまうのです。 そこで適当な区切り文字でパラメータ部を作成し PHP側でexplodeしようと思っているのですが どういう区切り文字が適当なのでしょうか？ 申し訳ありませんが、ご教授宜しくお願い致します。 formの値 a[]=1 a[]=2 a[]=& a[]=4 javascriptで作成したURL例 http://hoge.php?a[]=1&a[]=2&a[]=&&a[]=4 PHPで受け取り。 $data = _POST['a'] $dataの中身 a=1,a=2,a=4 ３番目に入力された&が取得できていない。
- ベストアンサー
- JavaScript
補足
早速ご回答いただきありがとうございます。 何卒初心者なもので、申し訳ございません。 <!--スクリプト1--> <script language="javascript"> <!-- var move = 1; var spd = 400; var m1=" "; var m2=" "; var m3=" "; var m4=" "; var msg=m4+m1+m2+m3; var msg=msg+msg; function scro() { msg=msg.substring(move,msg.length)+msg.substring(0,move); document.fm.txt.value = msg; setTimeout("scro()",spd); } //--> </script> <!--ここまで--> 外部化したJavaScriptのファイルの中に、このようなコードを組み込んでおります。 var m1,var m2,var m3の部分に文章を入れて流しています。 いかがでしょうか？