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>