忍者ブログ
.
Fomalhaut Laboratory
スタンダード&シンプルをテーマに忍者ブログのテンプレートを作ってた。
現在 使用 試用中のテンプレートは「すっきり見やすい」Line です。
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

初めての JavaScript 解説になります。今回は使いやすくて比較的簡単な「バナーをランダム表示する」スクリプトの紹介です。

スクリプトを使うには、これから説明する通りの文章をメモ帳などに書いて保存し、拡張子を「.txt」から「.js」に変更します。

それをサーバにアップロードし、スクリプトタグ

<script language="JavaScript" src="http://~"></script>

を使って HTML に埋め込みます。
アップロードしたスクリプトの URI を src="http://~" の部分に入れてください。

スクリプトの作成方法は追記文章内で。

Postscript

img=new Array(バナー数);
img[*]="<a href='' target='_blank'><img src='' alt='></a>";
imgNo=Math.floor(Math.random()*バナー数);
document.write(img[imgNo]);

バナー数のところに登録するバナーの数を入れます。(バナー数の文字を数字に置き換えます)
ここでの値が間違っていてもバナー自体は表示される場合がありますが、表示される確率がおかしくなります。

<a href='' target='_blank'><img src='' alt=''></a>

上記の部分にリンク先とバナーのURIを入れます。記述法は HTML と同じです。
ただし、HTMLタグに"(ダブルクォーテーション)ではなく'(シングルクォーテーション)を使うことに気をつけてください。(ダブルクォーテーションを使うと JavaScript タグの一部と判別され、スクリプトがうまく動作しません)
alt は 設定しなくても問題ありませんが、HTML 4.0 規格で必須とされているので入れた方がよいでしょう。
登録するバナー数を増やしたい場合は、

img[*]="<a href='' target='_blank'><img src='' alt=''></a>";

の数を増やします。
img[*]*の部分には数字が入ります。
0から始まって、1行ごとに1ずつ数字を増やしていきます。
0から始まるため、1番最後の行の数字は登録するバナー数-1になるので気をつけてください。

例えば、私が使っている3つの広告バナーをランダム表示させるスクリプトは

img=new Array(3);
img[0]="<a href='http://www.gendama.jp/invitation.php?frid=1587109' target='_blank'><img src='http://www.gendama.jp/img/invitation_banner07.gif' alt='毎月2万人がおこづかいGET! | げん玉'></a>";
img[1]="<a href='http://dietnavi.com/?id=1434226' target='_blank'><img src='http://dietnavi.com/banner/120-60-3.gif' alt='ネットで小遣い稼ぎなら最強ポイントサイトGetMoney!'></a>";
img[2]="<a href='http://orange-park.jp/?ref=27761' target='_blank'><img src='http://image.space.rakuten.co.jp/lg01/59/0000670559/24/imgd9cba4e2zikezj.jpeg' alt='トラフィックエクスチェンジで誰でも簡単アクセスアップ オレンジトラフィック'></a>";
imgNo=Math.floor(Math.random()*3);
document.write(img[imgNo]);
となります。

拍手[1回]

PR
この記事にコメントする
Name
Title
Font color
E-mail
URL
Comment
Pass Vodafone絵文字 i-mode絵文字 Ezweb絵文字
Secret?
この記事へのトラックバック
トラックバック用URL:
アクセスカウンター
カウンター
プロフィール
プロフィール画像
Handle NameFomalhaut
Main sitePiscis Austrinus
Birthday: UFOの日の1週間と1日前
About me
2008年の(多分)春頃に HTML を初めて触った人間。完全に独学でいろいろ試しては失敗している危険な人。
OTHER SITES
 ・Main site
 ・Diary
NAVIGATION
LineUP DATE! Asgard
LineUP DATE!
Time leapNEW!
現在作成中のアイテム
ブロックバスター (音量注意)NEW! ザックス 体力測定
カレンダー
09 2018/10 11
S M T W T F S
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31
ブログ内検索
最新トラックバック
属性表示
時間のないサイト運営者リング
RSS Feed
フィードメーター - Fomalhaut Laboratory RSSを表示
Sleipnir Feed
Blog fairy
おすすめ

LAMY safari ペンシル L118
けいおん!の田井中律(りっちゃん)が使用。
アクセスアップ系ブログパーツ
あわせて読みたいブログパーツ
Copyright (C) Fomalhaut All Rights Reserved.
Template design:Fomalhaut // Powered by NINJA TOOLS
[PR] 忍者ブログ // [PR]