ブログ記事|星屋工作室

星屋工作室

星屋工作室 - 映画とカレーが好きでSEOに燃えています。山口県周南市ではたらくサラリーマンの仕事、趣味、パソコンの足跡的ブログです。

Javascriptで数秒ごとにHTMLソースをランダムに変更。

Javascriptで数秒ごとにHTMLソースをランダムに変更。

| トラックバック(0)

変数配列に代入されたHTMLソースを

タイマーで一定時間ごとにランダムに表示するスクリプト。

MozShotと併せて、サイトのサムネイルをランダムに表示する例。

表示された画像をクリックすると指定のURLにジャンプできます。

 

変数配列にはタグごと入れるので、

特にアフィリエイトのバナータグなどは会社によって、

タグの仕様が異なる場合に便利です。

 

<script type="text/javascript">

src = new Array();

src[0]='<a href="http://www.google.com" target="_blank"><img src="http://mozshot.nemui.org/shot/large?http://www.google.com" alt="google" /></a>';

src[1]='<a href="http://www.yahoo.co.jp" target="_blank"><img src="http://mozshot.nemui.org/shot/large?http://www.yahoo.co.jp" alt="yahoo" /></a>';

src[2]='<a href="http://jp.msn.com" target="_blank"><img src="http://mozshot.nemui.org/shot/large?http://jp.msn.com/" alt="msn" /></a>';

window.onload=chX;

function chX(){

i=Math.floor(Math.random()*src.length);

document.getElementById("chimg").innerHTML=src[i];

setTimeout("chX()",1000);

}

</script>

<div id="chimg"></div>

 

 

↓↓実際に表示したところ

 


[記事編集]

トラックバック(0)

トラックバックURL:

Twitter:hoshiya55