CSSチェンジ

更新するたびに、ランダムでCSSを変えます

こちらが、サンプルです。更新してみてください。3種類のCSSを用意してます

肝心なトコロのソース表示です。

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

r=Math.random()*3;
c=Math.ceil(r);

if (c==1) {h="color.css"}
else if (c==2) {h="samp.css"}
else {h="basic.css"}
document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="'+h+'">')

//-->
</script>

HEAD内に入れてください

解説です。

<script type="text/javascript">
<!--
//-->
</script>
 JavaScriptをこの中にいれます。

r=Math.random()*3;
 Math.randomで、乱数を作ります。
*3で、3倍にします。0〜2.999くらいの数になります。

c=Math.ceil(r);
 Math.ceilで、切り上げます。
1〜3になります。

if (c==1) {h="color.css"}
else if (c==2) {h="samp.css"}
else {h="basic.css"}
 もし、1なら、hに"color.css"を入れます。
もし、1ではなくて、2なら、samp.css
それ以外なら、basic.cssです。

document.write('<LINK REL="stylesheet" TYPE="text/css" HREF="'+h+'">')
 HTML形式にして出力します。"や'の位置に注意です。 


Rev  : 前のサンプルへ
 Up  : JavaScript-Sampleに戻る
Home : ホームに戻る
Presented by Rei

PC用眼鏡【管理人も使ってますがマジで疲れません】 解約手数料０円【あしたでんき】 Yahoo 楽天 NTT-X Store

無料ホームページ 無料のクレジットカード 海外格安航空券 ふるさと納税 海外旅行保険が無料！ 海外ホテル