2011年04月22日

2011 04.22 Fri


リロード(再読み込み)毎に、
複数の異なるデータ(違う文字や画像やリンク)を
ランダムで表示させるスクリプトの方法。

試しにこのページを更新してみてください。

2か所、3か所、4か所、、、
変更する場所も、アイテムも自由に増減可能です。
例ではURLも足して3か所セットです。

タグソース

<script type="text/javascript">
A_word = new Array();
B_word = new Array(); C_word = new Array();
A_word[0] = 'これはミドリガメのドリーさんです';
A_word[1] = 'これははに丸さんです';
A_word[2] = 'これは誰でしょう?';
B_word[0] = 'http://ut823.seesaa.net/';
B_word[1] = 'http://utauouji.seesaa.net/';
B_word[2] = '';
C_word[0] = 'http://ut823.up.seesaa.net/image/dori200609.png" alt="ミシシッピアカミミガメ';
C_word[1] = 'http://utauouji.up.seesaa.net/file/tutta-thumbnail2.png" alt="はに丸素材';
C_word[2] = '〜.jpg" alt="';

n = Math.floor(Math.random() * A_word.length);
document.write('↓'+ A_word[n] +'<'+'br />');
document.write('<'+'a href="'+ B_word[n] +'" target="_blank">');
document.write('<'+'img src="'+ C_word[n] +'" /><'+'/a>');
</script>

お疲れさまでした。
参考になりましたらソーシャルメディアで共有してくださいませ。
posted by こさめ
edit  re

■ この記事へのトラックバック
カテゴリ
インターネット>ブラウザ・WEBメール(24)
インターネット>Firefoxアドオン、設定(15)
インターネット>Proxomitronフィルター(32)
インターネット>ブログ、WEBサービス(53)
インターネット>アフィリエイト・ポイントサイト(27)
インターネット>楽天、ポイントあれこれ(5)
インターネット>Windows最適設定(32)
インターネット>インターネット設定(17)
インターネット>デスクトップ改造・拡張(7)
インターネット>セキュリティソフト(6)
ブログカスタマイズ>カテゴリー、記事一覧系(38)
ブログカスタマイズ>jQuery(Script)文字系(23)
ブログカスタマイズ>CSS(Script)デザイン(28)
ブログカスタマイズ>ブログパーツ(7)
ブログカスタマイズ>携帯モバイル系(3)
ブログカスタマイズ>SEO・アクセスアップ(31)
マルチメディア>Brackets(5)
マルチメディア>画像系ソフト(6)
マルチメディア>DVD・動画プレイヤー(15)
マルチメディア>動画編集ソフト(6)
マルチメディア>音楽再生プレイヤー(16)
マルチメディア>ネットラジオ配信・編集(3)
マルチメディア>P2Pテレビソフト(4)
マルチメディア>おもしろ動画・感動動画(25)
デザイン>フリー素材 画像(5)
デザイン>HP・ブログ フリー素材(6)
デザイン>イラスト(非素材)(8)
デザイン>作詞作曲編曲MP3(5)
雑記>PC部品・音楽機材(7)
雑記>映画・アニメ・漫画・芸能(14)
雑記>どうでもいい雑学知識(6)
雑記>ゲーム(6)
雑記>スマホ・携帯電話(6)
雑記>カーナビ・ETC(3)
雑記>ネット銀行とか(2)
雑記>18禁?ちょいエロネタ(3)

 (C) 2006 - kosame All rights.