テキストをスクロールしてローテーションしたいと思いますが、シンプルな方法はありますでしょうか。
次の用な動きを想定しています。
-------------------------------------
<html>
<head>
<title>一定時間でローテーションする広告</title>
<body>
<!--shinobi1-->
<script type="text/javascript" src="http://x8.tubakurame.com/ufo/133597903">
</script>
<noscript>
</noscript>
<!--shinobi2-->
</body>
</html>
-------------------------------------
よろしくお願いします。
投稿日時 - 2009-12-02 23:44:46
もう、解決されて、どうでもいいかも知れませんが、まだ締め切ってないようなので
少しだけ、簡潔にわかりやすくしました。
<body>
<h1 style="position:relative;height:1em;overflow-y:hidden;background-color:silver;">
<span id="title_text" style="position:absolute;top:1em;height:1em;background-color:red;width:100%;"></span>
</h1>
<div>
本文
</div>
<script type="text/javascript" charset="utf-8">
(function(){
var title=["今日のタイトルはJAVASCRIPTの勉強です。",
"タイマーの使い方を試してみます。",
"スタイル属性の変更でスクロールさせます。"];
var title_elm = document.getElementById("title_text");
var rot_count=0;
var scroll_count=10;
var rot_timer=setInterval(rot_set(title_elm,title),2000);
var scroll_timer;
function rot_set(elm,data){
return function(){
if(rot_count>(data.length-1)){
rot_count=0;
}else{
elm.innerHTML=data[rot_count];
scroll_timer=setInterval(scrolling(title_elm),100);
rot_count++;
}
}
}
function scrolling(elm){
return function(){
if(scroll_count>=0){
elm.style.top= (scroll_count/10) + "em";
scroll_count--;
}else{
clearInterval(scroll_timer);
scroll_count=10;
}
}
}
})();
</script>
</body>
投稿日時 - 2009-12-03 21:41:58
お礼
ありがとうございました。
何とか実装までたどり着けそうです。
投稿日時 - 2009-12-04 17:14:58
1人が「このQ&Aが役に立った」と投票しています
ベストアンサー以外の回答（7件中 6～7件目)
うふ。 だれかみじかくして。^^;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<title>ここをぐるぐるまわすんだなぁ～</title>
<body>
<script type="text/javascript">
(function(){var d=document;setInterval(function(){d.title = d.title.replace(/^(.)(.+)$/,'$2$1')},200)})();
</script>
投稿日時 - 2009-12-03 14:14:23
補足
う～む
すごい。
質問した内容は、bodyの中での下から上へのスクロールなのですが、
タイトルもスクロールするんですね。
でも、さすがにタイトルで下から上にスクロールってのは無理でしょうね。
いえいえ、そういう要望があるわけではありません。(汗)
投稿日時 - 2009-12-03 20:37:11