当前位置: 代码迷 >> JavaScript >> onmouseover 延时切换图片有关问题
  详细解决方案

onmouseover 延时切换图片有关问题

热度:626   发布时间:2013-08-23 15:57:36.0
onmouseover 延时切换图片问题
本帖最后由 heitk 于 2013-08-16 18:55:31 编辑
这个是延时代码

script type="text/javascript"> 
var t; 
function mouse_over() 

t = setTimeout("fun1()",1000); 

function mouse_out()?
{?
clearTimeout(t);?
}?
function fun1() 

this.src='image/b01.jpg'; 

</script> 

这段是html
  
 <img src="image/01.jpg" onmouseover="mouse_over()" onmouseout="mouse_out()"  />


我现在想延时 一秒然后改变这个图片为b01.jpg  ,不知道是不是我代码写错了,反正就是没有我想要的效果。


另外我想请教下就是如果我 img 加id=xx,我想要 onmouseover 时候,图片变味 xx.jpg该如何写
我知道有个document.getElementById("id") ,但是代码不会写,哪位大神帮帮我这个初学者


------解决方案--------------------
var t;
var img = null;
function mouse_over() 

img = this;     //这里要把this 先保存起来
t = setTimeout("fun1()",1000); //这里调用了settimeout 所以 fun1 中的 this 已经出了当前范伟变成window了

function mouse_out() 

clearTimeout(t); 
img.src='image/01.jpg'; 

function fun1() 

img.src='image/b01.jpg'; 

------解决方案--------------------
<script type="text/javascript"> 
var t; 
function mouse_over(img) 

t = setTimeout(function(){fun1.call(img)},1000); 

function mouse_out() 

clearTimeout(t); 

function fun1() 

this.src='image/b01.jpg'; 

</script> 
 <img src="image/01.jpg" onmouseover="mouse_over(this)" onmouseout="mouse_out()"  />
------解决方案--------------------