サイトマップ   お問い合わせ   このサイトについて   ホーム   
WEB制作支援
 HTMLリファレンス
 スタイルシート
 JavaScript
 PHP/データベース
WEBデザイン
 デザインテクニック
 素材集/テンプレート
 ウェブ配色の見本
 ユーザビリティ
WEB運営
 ウェブの開設と運営法
 アクセスアップの技
 アフィリエイト (WEB広告)
 ドメインとサーバー
特集・トピックス
 Web広告で収入を得る
 独自ドメインの利点
 使えるWeb作成ソフト
 Webデザイナーになるには
 SEOでアクセスアップ
 光ファイバーの導入
リンク集
 ウェブ作成リンク
 無料リンク
 オンラインソフトリンク
 ユーザーリンク
 ウェブコラム
 参考文献一覧
 サイトマップ
 このサイトについて
 お問い合わせ
 eWebホーム


Home >> Webデザインテクニック >> ランダムバナーリンク

ランダムバナーリンク



サンプルと機能

ランダムにバナーリンクを表示します。

Sample:5種類のバナーをランダムで表示しています(リロードすると変わります)



サンプル・ソース

緑の文字が変更箇所で、赤い文字が対応するスクリプトです。
"//"以下はコメントです。削除しても影響ありません。
必要な箇所をコピー&貼り付けして編集してください。

ランダムバナーリンク
<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]...というように、数字を1ずつ増やしてください。


 
 

Webデザインテクニックに戻る




 eWeb/ HTML/ スタイルシート/ Javaスクリプト/ PHP/ 素材集/ テクニック/ 配色/ ユーザビリティ/ 開設と運営/ アクセスアップ/ アフィリエイト/ ドメイン
Copyright(C) 2004. Aeu, Gundam, eWeb, Web Design Techniques. All rights reserved. - Home