点滅する枠線

Dynamic HTML

HTML Source......................................................................>>>

<script language="JavaScript"><!--
bw = 0;    //borderの幅
timer = "";
function Border(){
  bw = bw^1;  //排他的論理和(XOR)で1と0を交互に切り替え
  dv1.style.borderWidth = bw;   //枠線幅を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:30;color:red;text-align:center">
　　Dynamic HTML</div><br><br>
<div id="dv2" style="width:350;border:thin solid;font:30;color:red;text-align:center">
　　Dynamic HTML</div>
</div>

end(01/10/20)