js:   
function showpic()  
  {
  document.getElementById("456").style.visibility = "visible";
   
   
  }

  function hidepic() { //onmouseout时执行
   
  document.getElementById("456").style.visibility = "hidden";
  }

  function ysshow() { //onmouseover时执行
  setTimeout("showbigpic()", 1000);
  }
现在的问题是，假如我把鼠标放在图片上不到一秒，然后离开，图片还会显示，但hidepic()不再执行，图片就一直显示着，有什么解决的办法吗？？

var timer;

function showpic()  
  {
  document.getElementById("456").style.visibility = "visible";
   
   
  }

  function hidepic() { //onmouseout时执行
    clearTimeout(timer);
  document.getElementById("456").style.visibility = "hidden";
  }
   
  function ysshow() { //onmouseover时执行
  timer=setTimeout("showbigpic()", 1000);
  }