|
 |
|
ランダムバナーリンク
サンプルと機能
ランダムにバナーリンクを表示します。
→ Sample：５種類のバナーをランダムで表示しています(リロードすると変わります)
サンプル・ソース
緑の文字が変更箇所で、赤い文字が対応するスクリプトです。
"//"以下はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。
→ ランダムバナーリンク
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY
bgcolor="#ffffff">
<SCRIPT
language="JavaScript">
<!--
// ランダムに画像を表示する
jmp = new
Array();
img = new Array();
// ジャンプ先のアドレス(数字は画像と対応)
jmp[0] = "http://xxx.xxx.xxx/";
jmp[1] = "http://xxx.yyy.zzz/";
jmp[2] = "http://sss.bbb.vvv.fff/";
jmp[3] = "http://hhhhh.sss.com/";
jmp[4] = "http://agdaa.cc.com/";
//
画像のアドレス(数字はジャンプ先のアドレスと対応)
img[0] = "img/img0.jpg";
img[1] = "img/aa.gif";
img[2] = "img/bb.png";
img[3] = "img/img.jpg";
img[4] = "img/imgimg.gif";
n =
Math.floor(Math.random()*jmp.length);
document.write("<A href='"+jmp[n]+"'>");
document.write("<IMG src='"+img[n]+"' border='0'>");
document.write("</A>");
//-->
</SCRIPT>
</BODY>
</HTML> |
解説・注意点など
ジャンプ先、画像は追加することができます。
その際は、jmp[5],jmp[6],jmp[7]...というように、数字を１ずつ増やしてください。
← Webデザインテクニックに戻る
|
|
|
