| TOP /すぐに使えるJavaScript | 枠の点滅(IE5以上専用) |
|---|
| いくつでも 点滅させることができます これは、TABLEタグです |
<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>