← designg.info トップページに戻る(文字を中心にしたページ)← designg.info トップページに戻るdesigng.info トップに戻る→HTML トリック リスト一覧→ページにスパイス
サイトマップへ
サイトの使い方
カラフル・セレクティブその他(リンクなど)コミュニケーション(掲示板・ウェブログ)ダウンロードイントロデュースサイトのカラーリングアイディアノート ページにスパイス
結果はこうなります

見本です、どうぞ。ここでは設定を変えた2つのサンプルを紹介します。設定次第で、動きがどうなっていくのでしょうか。

サンプルA

●この裏技を取り入れたいページの縦の長さ
(両方のサンプルとも同じ大きさです)

5000ピクセル

スクロールを1回行う時間の間隔の長さ

1秒

●一回に下にずれる分の長さ

10ピクセル

<SCRIPT LANGUAGE="Javascript">
  var yPos=0;
  var yLimit=
5000;
  var timerID;

function scrollWin(){
  scroll(0,yPos);
  timerID=setTimeout("scrollWin()",
1000);

  if(yPos>yLimit){
  yPos=0;
  }else{
  yPos+=
10;
  }
}
onUnload=clearTimeout(timerID);

scrollWin();
</SCRIPT>

 

サンプルB

●この裏技を取り入れたいページの縦の長さ
(両方のサンプルとも同じ大きさです)

5000ピクセル

スクロールを1回行う時間の間隔の長さ

0.1秒

●一回に下にずれる分の長さ

1ピクセル

<SCRIPT LANGUAGE="Javascript">
  var yPos=0;
  var yLimit=
5000;
  var timerID;

function scrollWin(){
  scroll(0,yPos);
  timerID=setTimeout("scrollWin()",
100);

  if(yPos>yLimit){
  yPos=0;
  }else{
  yPos+=
1;
  }
}
onUnload=clearTimeout(timerID);

scrollWin();
</SCRIPT>

 

サンプルC

●この裏技を取り入れたいページの縦の長さ
(両方のサンプルとも同じ大きさです)

5000ピクセル

スクロールを1回行う時間の間隔の長さ

0.1秒

●一回に下にずれる分の長さ

10ピクセル

<SCRIPT LANGUAGE="Javascript">
  var yPos=0;
  var yLimit=
5000;
  var timerID;

function scrollWin(){
  scroll(0,yPos);
  timerID=setTimeout("scrollWin()",
100);

  if(yPos>yLimit){
  yPos=0;
  }else{
  yPos+=
10;
  }
}
onUnload=clearTimeout(timerID);

scrollWin();
</SCRIPT>

 

サンプルD

●この裏技を取り入れたいページの縦の長さ
(両方のサンプルとも同じ大きさです)

5000ピクセル

スクロールを1回行う時間の間隔の長さ

0.05秒

●一回に下にずれる分の長さ

1ピクセル

<SCRIPT LANGUAGE="Javascript">
  var yPos=0;
  var yLimit=
5000;
  var timerID;

function scrollWin(){
  scroll(0,yPos);
  timerID=setTimeout("scrollWin()",
50);

  if(yPos>yLimit){
  yPos=0;
  }else{
  yPos+=
1;
  }
}
onUnload=clearTimeout(timerID);

scrollWin();
</SCRIPT>

他のテクニックも併用して使ってみませんか?他のテクニックのリスト一覧
リンク編 表示編 メール編
リンクの下線を消す スクロールバーの色を変える メールに自動で件名と本文を追加する
ステータスバーに文字を挿入する タイトルバーの文字をスクロールする
リンクの箇所にマウスを乗せて特定の部分にメッセージを出す 画像データを一定時間ごとに切り替えて表示する
ページを自動でスクロールする
指定した文字列に独自のカーソルで表示する
背景画像を用意せずに背景をグラデーション化させる
文字の均等割付をする

ページの上へ
このサイトの制作者、takkaについて。これから先にこのサイトに掲載する予定の企画やコンテンツをこのページで紹介していますインフォメーションメールの受付やオンラインの確認はこちらからどうぞサイトマップへ
コピーライト