美容・健康・ファッション・インテリア・DVD・お花・ギフト 安全安心のお買い物

町工場ネット トップ  ◇サイトマップ ◇新規登録 ◇プライバシーポリシー ◇相互リンクの方法 ◇問い合わせ

町工場 | 総合 | 美容 | ファッション | インテリア | 家電 | 資格| 食料 | 個人開業 | 書籍 | ギフト | ホビー | CD・DVD

←前ページ トップページ 内容一覧 次ページ→
■「一行トピック」 または 「BEST10」
こんなのどうでしょう。
                   

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

ホームページビルダーのプレビューなどではジャンプするとエラーになります。一度保存してからインターネットエクスプローラーで確認しましょう。

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

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

ソースを見ましょう。
<SCRIPT language="javascript">
i=0;
url="#";
文字が表示される前にを押してしまうあわて者のために”#”を指定します。
MM=new Array();
MM[0]="今週の第一位はこれ!";
MM[1]="惜しくも第二位になったのはこれ!";
MM[2]="ワンランクダウンの第三位";
MM[3]="赤丸急上昇の第四位";
MM[4]="転げ落ちてる第五位";
項目を増やすときは同じように MM[5]=”第六位・・・”というように書いていきます。きれいに見せるコツは文字列の長さをそろえることです。空白でうめるとかして長さをそろえます。

function mess(){
document.test.oneline.value=MM[i];

i++;
if (i>4) i=0;
ここの i>4 の 4 は上で増やした項目の数から1引いた数にします。0 から始まるのでこの場合 5項目 −1 で 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="これがベスト10だ!">

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

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

<BODY onload="setInterval('mess()',2000)" bgcolor="#b9b973" text="#660000">
ここの 2000 を変えると表示j間隔が変わります。

<←前ページ トップページ 内容一覧 次ページ→