こんなのどうでしょう。
一行ニュースを自分でつくちゃおうということで作りました。サンプルは５つしか表示してませんが、いくつでも増やせます。
 をクリックすると表示されている文字のリンク先にジャンプします。サンプルは第三位まで。
ホームページビルダーのプレビューなどではジャンプするとエラーになります。一度保存してからインターネットエクスプローラーで確認しましょう。
トップページなんかに置くとなんとなく活気がでるような気がします。更新したページなんかを表示したり、Ｗｈａｔ’ｓ Ｎｅｗなんかを表示したり使い方はアイデア次第というところです。
ベスト１０なんかは１０位から表示する方がいいかもしれません。
ソースを見ましょう。
<SCRIPT language="javascript">
i=0;
url="#";
文字が表示される前にを押してしまうあわて者のために”＃”を指定します。
MM=new Array();
MM[0]="今週の第一位はこれ！";
MM[1]="惜しくも第二位になったのはこれ！";
MM[2]="ワンランクダウンの第三位";
MM[3]="赤丸急上昇の第四位";
MM[4]="転げ落ちてる第五位";
項目を増やすときは同じように ＭＭ［5］＝”第六位・・・”というように書いていきます。きれいに見せるコツは文字列の長さをそろえることです。空白でうめるとかして長さをそろえます。
function mess(){
document.test.oneline.value=MM[i];
i++;
if (i>4) i=0;
ここの i>4 の ４ は上で増やした項目の数から１引いた数にします。０ から始まるのでこの場合 ５項目 −１ で ４ になります。
}
function jump_URL()
{
switch (i-1){
case 0:
url="rank1.htm";
この url="" の””のなかにジャンプ先を書きます。他のサイトなら
url="http://www.sisakubankin.com/"
などのように http から書きます。
break;
case 1:
url="rank2.htm";
break;
case 2:
url="rank3.htm";
break;
項目を増やす場合はcase 5: 6,7,8、・・・と増やします。
url="http〜〜"; break;をワンセットでかきます。
}
window.location = url;
}
//-->
</SCRIPT> |
表示部分です。
<FORM name="test">
<INPUT size="42" type="text"
name="oneline" style="color
: blue;background-color : #ffffd7;text-decoration
: none;" value="これがベスト１０だ！">
<IMG src="go-mini.gif" width="35"
height="15" border="0"
onmousedown="jump_URL( );">
</FORM> |
サイズ size=42 は文字の長さに応じて変えましょう。color のあとはいろいろ色を変えられます。これは背景は黄色で文字色は青色です。value="これがベスト１０だ！"のところを変えると最初に表示される文字が変わります。
ページが表示されたら実行します。
<BODY onload="setInterval('mess()',2000)"
bgcolor="#b9b973" text="#660000">
ここの ２０００ を変えると表示ｊ間隔が変わります。 |
|