TOP /すぐに使えるJavaScript 枠の点滅(IE5以上専用)

枠を点滅させて
目立つようにします
これは、DIVタグの枠です

いくつでも
点滅させることができます
これは、TABLEタグです

色違いに点滅させることも
できます。
これは、DIVタグです


<div id="border"style="border:3px solid lime;width:200;text-align:center;padding:5px;">
枠を点滅させて<br>目立つようにします<br>これは、DIVタグの枠です</div>
<p>
<table id="border"style="border:3px solid lime;width:250;text-align:center;padding:5px;">
<td>いくつでも<br>点滅させることができます<br>これは、TABLEタグです</td></table>
<p>
<div id="border"style="border:3px solid lime;width:200;text-align:center;padding:5px;">
色違いに点滅させることも<br>できます。<br>これは、DIVタグです</div>


<script type="text/javascript"><!--
bcolor=new Array("violet","lime");    //点滅の色(いくつでも指定できます)
change =1;                            //複数点滅時に同じ色のときは0、違う色にするときは1
blinksec=500;                         //点滅速度
//------------------------------------------------------
flag=0;
function blinkborder(){
if(document.all.border.length){
for(i=0;i<document.all.border.length;i++){
document.all.item("border",i).style.borderColor=bcolor[flag];
if(change){flag++;flag%=bcolor.length;}}
}else{document.all("border").style.borderColor=bcolor[flag];
if(change){flag++;flag%=bcolor.length;}}
if(!change){flag++;flag%=bcolor.length;}
t=document.all.border.length;
if(change && !(t%=bcolor.length) && document.all.border.length){flag++;flag%=bcolor.length;}
}
function setblink(){setInterval("blinkborder()",blinksec);}
document.body.onload=setblink;/* himajin.moo.jp */
// --></script>

点滅させるタグにid="border"を入れます(全て同じIDです。)