上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 ランダムな画像表示ではなく、ランダムなHTML表示。
 ボタンを押すと、用意した数種類のHTML文書の中からランダムで書き出します。


見本



用意したHTMLがランダムで表示されます





ランダムHTMLスクリプトひな形

<input type="button" value="ランダム表示" onClick="next()">
<div id="rndshow">用意したHTMLがランダムで表示されます</div>

<script type="text/javascript">
<!--

rndhtmlimage = new Array();

rndhtmlimage[0] = '<img src="http://blog-imgs-44-origin.fc2.com/d/e/s/designlabolatory/Capu1521.jpg" /><br>コルクマテンプレート';

rndhtmlimage[1] = '<img src="http://blog-imgs-44-origin.fc2.com/d/e/s/designlabolatory/Capu1678.jpg" /><br>ひまわり';

rndhtmlimage[2] = '<img src="http://blog-imgs-44-origin.fc2.com/d/e/s/designlabolatory/Capu1617.jpg" /><br>エア';

rndhtmlimage[3] = '<img src="http://blog-imgs-44-origin.fc2.com/d/e/s/designlabolatory/pastel-rose-samneil.jpg" /><br>パステル・ローズ';


function next(){
var rndnumber=0;
rndnumber = Math.floor(Math.random()*rndhtmlimage.length);
document.getElementById("rndshow").innerHTML = rndhtmlimage[rndnumber];
}


//html.css ID=rndshow;
//-->
</script>



カスタマイズ


 緑の部分を好きなHTMLに書き直します。
「rndhtmlimage[連番] = '~~~'」は、いくつでも書き足せます。


 メニューページはこちらから。
簡易スクリプトひな形集
このエントリーをはてなブックマークに追加
Wed.07.14.2010
Comment
Trackback
Comment Form
質問するときは?
  • 不具合が出ているページのURLを書き込む。
  • 使っているブラウザ(IE、Firefoxなど)を書き込む※IE6はサポート外です。
  • 次の人が確認できるように、使っているテンプレートの記事ページ、或いは各カスタマイズ記事ページにコメントを書きこむ。
コメント時の注意
やっぱり自分で解決したい時
特定の記事のみでレイアウトが崩れる場合
全ページでレイアウトが崩れる場合
メールフォーム
Bookmarks
Page Top
Copyright © SAKILab All Rights Reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。