求助js实现两个简单效果 1)闪烁 2)隐藏

Question

js高手们好,1) 我想通过js实现两张图片轮流播放实现类似gif的闪烁效果. 比如有两个图片, 一个是红底白字的"中奖", 另一个是白底红字, 两个图片轮流播放就会有闪烁效果.2) 如果鼠标停在图片上, 停止闪烁, 在图片边上呈现另一张之前隐藏的图片或是文字 (比如 "鼠标已移入图片区域").谢谢各位.<div class="blinkingimage">
         <img alt="" src="redbackground.jpg" />
         <img alt="" src="whitebackgroud.jpg" />
</div>
<div class="hidenwords">
         鼠标已移入图片区域
</div>

Answer 1

<div id="blinkingimage" style="background:blue;width:100px;height:100px;" onmouseover="ov();" onmouseout="ot();">
</div>
<div id="hidenwords" style="display:none;">
  鼠标已移入图片区域
</div>
<script type="text/javascript">
onload= chg;
var timer;
function chg(){
   document.getElementById("blinkingimage").style.background = (document.getElementById("blinkingimage").style.background == "blue" ? "red" : "blue");
   clearTimeout(timer);   
   timer = setTimeout(chg, 1000);
}
function ov(){
  clearTimeout(timer);
  document.getElementById("hidenwords").style.display = "block";
}
function ot(){
  chg();
  document.getElementById("hidenwords").style.display = "none";
}
</script>

Answer 2

display = "none";