★IEでblinkさせたい。

戻る IEでblinkさせたい。 進む

文字制御
ネットスケープの十八番blinkをE4N6以降でも実現するスクリプトです。E5N6がDOMに対応しましたので、ようやく同じスクリプトで記述できるようになりました。DOMによるスタイルプロパティーへのアクセス方法は、オブジェクト名.getElementById(ID名).style.プロパティー です。
対応状況       N6 N7   NA1 GA1 MO1 K2   E4 E5 ME5 E55 E6
head又はbody内ソース(ここではbody)
<body><p>これが<span id="new1">blink</span>だす。これも<span id="new2">blink</span>だす。
	  <span id="new3">背景色も指定出来る</span>だす。<span id="new4">背景色もblink</span>だす。
	  <span id="new5">タイミングも指定出来る</span>だす。</p>
	  
<script type="text/JavaScript">
<!--
var changeFlag = true;
function blink(divID,fcolor,bcolor,sec)
{
 	if (document.all) //IE対応。
    	{
    		blinkOBJ = document.all[divID].style;
 	}
 	if (document.getElementById) //DOM対応。
 	{
		blinkOBJ = document.getElementById(divID).style;
 	}
 	changeFlag = !changeFlag;
	if (!changeFlag)
 	{
 		blinkOBJ.color = fcolor;
 		blinkOBJ.backgroundColor = bcolor;
 	}
 	else
 	{
 		blinkOBJ.color = bcolor;
 		if (sec < 0) blinkOBJ.backgroundColor = fcolor;
 	}
 	setTimeout("blink('"+divID+"','"+fcolor+"','"+bcolor+"',"+sec+")",Math.abs( sec ));  //再帰。secをMath.abs()で整数にする。
}
blink("new1","black","white",200);
blink("new2","red","white",200);
blink("new3","red","yellow",200);
blink("new4","red","yellow",-200); //負数は背景色点滅
blink("new5","red","yellow",-700);
//-->
</script>
</body>

if 文でdocument.getElementByIdが真の場合にE5N6以降が動作するようにします。引数には、左から順にid名、文字色、背景色、点滅間隔を指定します。点滅間隔に負数を指定すると背景色も点滅します。-------------------------------- 表示

これがblinkだす。これもblinkだす。背景色も指定出来るだす。背景色もblinkだす。タイミングも指定出来るだす。

--------------------------------

[先頭へ] [Top Pageへ] [Contentsへ]


Copyright (C) pokochan 2000-2004 http://www.tees.ne.jp/~pokochan/tips/blink.html
E-mailpokochan@mx1.tees.ne.jp