2011.11.17 | 

こんにちわ DevJamのコータローです。

今、密かに水面下で、当blogのリニューアルを進めているのですが
そこでbodyの背景をランダムで変えようって話が出たので練習がてら
JSを書いてみました。

JSのソース



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

	randomBg = new Array();
	randomBg[0] = "#ccc";
	randomBg[1] = "#000";
	randomBg[2] = "#fff";

	n = Math.floor(Math.random()*randomBg.length);
	document.writeln("
<style type='text/css'>");
	document.writeln(".sample111117{");
	document.writeln("background:"+randomBg[n]);
	document.writeln("}");
	document.writeln("</style>

");

// -->
</script>


今回はbodyの色変えちゃまずいので
sample111117というclassの背景色を変えています。
今回は端折って色だけですが、url(hoge.gif)を
入れれば、背景画像も変えられます。

動作サンプル

以上、コータローでした。