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()" />
------解决方案--------------------