TOP /すぐに使えるJavaScript | オンマウスで背景色を点滅 |
---|
マウスを乗せると点滅します。 | マウスを乗せると点滅します。 |
マウスを乗せると点滅します。
<script type="text/javascript"><!-- blink_max=3; //点滅回数 base_c="#ffffff"; //ベース色 blink_c="blue"; //点滅色 blink_sec=100; //点滅スピード(ミリ秒) //------------------------------------- blink_obj=""; setid=""; count=0; function blinking(obj){ if(obj)blink_obj=obj; if(count%2 || !blink_obj) blink_obj.style.backgroundColor=base_c; else blink_obj.style.backgroundColor=blink_c; count++; if(count<blink_max*2 && blink_obj) setid=setTimeout("blinking()",blink_sec); else{blink_obj="";count=0;} } function blinkstop(obj){ clearTimeout(setid); blink_obj=''; count=0; obj.style.backgroundColor=base_c; }/*himajin.moo.jp*/ // --></script> <table border=1><tr> <td onmouseover="blinking(this)"onmouseout="blinkstop(this)">マウスを乗せると点滅します。</td> <td onmouseover="blinking(this)"onmouseout="blinkstop(this)">マウスを乗せると点滅します。</td> </tr></table> <p> <span onmouseover="blinking(this)"onmouseout="blinkstop(this)">マウスを乗せると点滅します。</span>