首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

onmouseover 延时切换图片有关问题

2013-08-23 
onmouseover 延时切换图片问题[解决办法]var tvar img nullfunction mouse_over() { img this//这

onmouseover 延时切换图片问题



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


function mouse_over() 
{ var o=this;
t = setTimeout(function(){o.src='image/b01.jpg'; },1000); 

热点排行
Bad Request.