点滅する枠線

Scriptプロパティ＜borderWidth＞＜borderColor＞を利用

HTML CSS Style

Sample Source......................................................................>>>

<script language="JavaScript"><!--
bw = 0;    //borderの幅
timer = "";
function Border(){
  bw = bw^1;  //排他的論理和(XOR)で1と0を交互に切り替え
　dv1.style.borderWidth = bw;　//border幅が1と0に切り替わる、即ち見えたり消えたりする
　dv2.style.borderColor=dv2.style.borderColor=="red"?"blue":"red";//赤と青を切り替える
　clearTimeout(timer);
　timer = setTimeout("Border()",500);
}
//--></script>
</head>
<body onload="Border()">

<div style="width:350;height:120;">
　<div id="dv1" style="width:350;border:thin solid green;font:20;text-align:center">
　　　　　　　　　HTML CSS Style</div><br><br>
　<div id="dv2" style="width:350;border:thin solid;font:20;text-align:center">
　　　　　　　　　HTML CSS Style</div>
</div>