一行トピックスクロール版   役に立つJavaScript & HTML
町工場ネット トップ | サイトマップ | 新規登録 | プライバシーポリシー | 相互リンクの方法 | 問い合わせ
 
 トップページ >> 役に立つJavaScript & HTML  > 一行トピックスクロール版

 
スクロールタイプです。こちらのほうがいいかもしれません。
 

一行トピックを自分でつくちゃおうということで作りました。サンプルは5つしか表示してませんが、いくつでも増やせます。
 をクリックすると表示されている文字のリンク先にジャンプします。サンプルは第三位まで。
ボタンは   の方がいいかもしれません。


トップページなんかに置くとなんとなく活気がでるような気がします。更新したページなんかを表示したり、What’s Newなんかを表示したり使い方はアイデア次第というところです。

ベスト10なんかは10位から表示する方がいいかもしれません。

ソースを見ましょう。

function mess(){
TTT=0;
if(TT<40){
TT++;
moji=" "+MM[i];
document.test.oneline.value =moji.substring(mojisuu+=a,moji.length+1);
clearTimeout(TIME);
TIME = setTimeout("mess()",1);
}
if(TT>=40){
TTT=0;
time_int()
}
}

function time_int(){
この関数が、文字を停止させるためのものです。
if (TTT<10){
TTT++;
clearTimeout(TIME2);
TIME2 = setTimeout("time_int()",300);
}
TTT<10 の「10」と ("time_int()"300) の300を変えると停止時間が変わります。
両方かけた数を1000で割った数が、停止している秒数です。
この場合は 10X300=3000 で3秒とまります。

if(TTT>=10){
TT=0;
i++;
if (i>4) i=0;
mojisuu=0;
mess();
}
}

表示部分です。ここは同じです。

<FORM name="test">                  
<INPUT size="42" type="text" name="oneline" style="color : blue;background-color : #ffffd7;text-decoration : none;" value="これがベスト10だ!">

サイズ size=42 は文字の長さに応じて変えましょう。
color のあとはいろいろ色を変えられます。これは背景は黄色
で文字色は青色です。value="これがベスト10だ!"のところを変えると最初に表示される文字が変わります。


<IMG src="go-mini.gif" width="35" height="15" border="0" onmousedown="jump_URL( );">
</FORM>

ページが表示されたら実行します。この部分も変わっています。

<BODY onload="mess()" bgcolor="#b9b973" text="#660000">
ページがロードされると関数 mess() を呼び出します。

このページの上