MovableType・テンプレート・ブログカスタマイズの小粋なテクニック満載!

 


2006年04月03日

» 指定した時間にリンクを切り替える

指定した時間になるとリンクを切り替える方法です。
切り替えたい箇所に以下のソースを貼り付ければOKです。

◆ソース詳細

<SCRIPT type="text/javascript">
<!--
m_url = '<a href="index1.html">リンク1</a>';
n_url = '<a href="index2.html">リンク2</a>';

m_time = 1;
n_time = 12;

myTime = new Date();
time = myTime.getHours();
if(time >= m_time && time < n_time)document.write(m_url);
else document.write(n_url);
-->
</SCRIPT>

上記ソースでは1時にindex1.htmlへのリンク文字が、12時に
index2.htmlへのリンク文字が表示されるようになっています。
m_url = '*****';とn_url = '*****';の*****部分をimgタグに変えると
指定時間になると画像が表示されるようにできます。
いろいろカスタマイズしてみてください。


★ この記事が参考になりましたら投票お願いします。



» 画像をランダムに表示する

画像をランダムに表示する方法を紹介します。

ランダムに表示したい箇所に以下のタグを追加すれば
画像をランダムに表示できます。
ただし、JAVAスクリプトをONにしていないと表示
されませんのでご注意下さい。

◆ランダムに表示するソース

<SCRIPT type="text/javascript">
<!--
var imgMax = 6;
var imgRandom = Math.floor(Math.random() * imgMax);
if(imgRandom == 0) document.write('<img src="img01.jpg">');
else if(imgRandom == 1) document.write('<img src="img02.jpg">');
else if(imgRandom == 2) document.write('<img src="img03.jpg">');
else if(imgRandom == 3) document.write('<img src="img04.jpg">');
else if(imgRandom == 4) document.write('<img src="img05.jpg">');
else if(imgRandom == 5) document.write('<img src="img06.jpg">');
-->
</SCRIPT>

var imgMax = *; の数値はランダム表示させる数です。
document.write('<img src="*****.jpg">'); のimg srcに画像のURLを
記述してください。
ランダム数を増やす場合はvar imgMax = *; の値の分だけ
else if(imgRandom == *) document.write('<img src="*****.jpg">');を
増やしてください。


★ この記事が参考になりましたら投票お願いします。