<div id="terop"></div>
みたいにしたらテロップが
流れるようなサンプルソースはありませんか?
ひとつ流れ終わったら
次が流れるようなテロップです。
横スクロールでよろしければ
http://www.daantje.nl/gpl-projects/simplehorizontalscroll/
縦はこちら
http://www.dynamicdrive.com/dynamicindex2/prohtmlticker.htm
こちらがイメージに近いのかもしれません(縦スクロール)
http://www.smartmenus.org/vadikom/products/free-scripts/
しかし
以下でどうでしょう。
<html> <head> <script type="text/javascript"> <!-- function terop(msgs, len){ var base = document.getElementById("terop"); if(base.style.position == "" || base.style.position == "static"){ base.style.position = "relative"; } base.style.overflow = "hidden"; var msg = document.createElement("div"); base.appendChild(msg); msg.style.position = "relative"; msg.style.left = (base.offsetWidth + 1) + "px"; var i = 0; var move = function(){ if(parseInt(msg.style.left) > base.offsetWidth){ msg.innerHTML = msgs[i]; } msg.style.left = (parseInt(msg.style.left) - len) + "px"; if(parseInt(msg.style.left) < -(msg.offsetWidth)){ msg.style.left = (base.offsetWidth + 1) + "px"; } i++; if(i >= msgs.length) i = 0; setTimeout(move, 10); }; setTimeout(move, 10); } function init(){ terop([ "こんなかんじで", "つぎつぎに", "流れていきます。" ], 10); }; //--> </script> <style type="text/css" media="screen"> #terop{ border:solid blue 2px; } </style> </head> <body onload="init();"> <div id="terop"></div> </body> </html>
参考になれば幸いです。
これはかなり参考になりますw
ありがとうございますw
ありがとうございます。