jquery hover问题~怎样可以当鼠标停留上去不少于1秒才会出现效果~!?
this.imagePreview=function(){$("a.preview").hover(function(e){$("body").append("<divi...
this.imagePreview = function(){
$("a.preview").hover(function(e){
$("body").append("<div id='preview'><img src='images/chaoshi-gk.jpg'></div>");
$("#preview")
.fadeIn("slow");
},
function(){
$("#preview").fadeOut("fast");
});
};
// 页面加载完执行
$(document).ready(function(){
imagePreview();
}); 展开
$("a.preview").hover(function(e){
$("body").append("<div id='preview'><img src='images/chaoshi-gk.jpg'></div>");
$("#preview")
.fadeIn("slow");
},
function(){
$("#preview").fadeOut("fast");
});
};
// 页面加载完执行
$(document).ready(function(){
imagePreview();
}); 展开
5个回答
展开全部
//原理:在mouseover和mouseout分别设定一个时间(你的要求为1s),在各自状态下清除另一个状态设定的时间;
this.imagePreview = function(){
var hoverTimer, outTimer;
$("a.preview").hover(function(e){
clearTimeout(outTimer);
hoverTimer = setTimeout(function(){
$("body").append("<div id='preview'><img src='images/chaoshi-gk.jpg'></div>");
$("#preview")
.fadeIn("slow");
},1000);
},
function(){
clearTimeout(hoverTimer);
outTimer = setTimeout(function(){
$("#preview").fadeOut("fast");
},1000);
});
};
// 页面加载完执行
$(document).ready(function(){
imagePreview();
});
this.imagePreview = function(){
var hoverTimer, outTimer;
$("a.preview").hover(function(e){
clearTimeout(outTimer);
hoverTimer = setTimeout(function(){
$("body").append("<div id='preview'><img src='images/chaoshi-gk.jpg'></div>");
$("#preview")
.fadeIn("slow");
},1000);
},
function(){
clearTimeout(hoverTimer);
outTimer = setTimeout(function(){
$("#preview").fadeOut("fast");
},1000);
});
};
// 页面加载完执行
$(document).ready(function(){
imagePreview();
});
2012-04-28
展开全部
加一个时间变量,setTimeOut方法来显法效果,当然setTimeout方法中的要加一个是否在元素上的判断
is_over =0;
his.imagePreview = function(){
$("a.preview").hover(function(e){
is_over =1;
setTimeOut('diplay_image',1000);
},
function(){
is_over=0;
$("#preview").fadeOut("fast");
});
};
function diplay_image()
{
if(is_over)
{
$("body").append("<div id='preview'><img src='images/chaoshi-gk.jpg'></div>");
$("#preview")
.fadeIn("slow");
}
}
以年代码仅提供了一个解决问题的一个思路代参考,实际还是需要你自已再调试
is_over =0;
his.imagePreview = function(){
$("a.preview").hover(function(e){
is_over =1;
setTimeOut('diplay_image',1000);
},
function(){
is_over=0;
$("#preview").fadeOut("fast");
});
};
function diplay_image()
{
if(is_over)
{
$("body").append("<div id='preview'><img src='images/chaoshi-gk.jpg'></div>");
$("#preview")
.fadeIn("slow");
}
}
以年代码仅提供了一个解决问题的一个思路代参考,实际还是需要你自已再调试
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$("a.preview").hover(function(e){
settimeout("do()",1000);
}
function do(){
$("body").append("<div id='preview'><img src='images/chaoshi-gk.jpg'></div>");
*******
}
settimeout("do()",1000);
}
function do(){
$("body").append("<div id='preview'><img src='images/chaoshi-gk.jpg'></div>");
*******
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
可以使用delay来延迟,delay里面是时间(毫秒)
$("#preview").delay(1000).fadeIn("slow");
$("#preview").delay(1000).fadeOut("fast");
$("#preview").delay(1000).fadeIn("slow");
$("#preview").delay(1000).fadeOut("fast");
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
格力变频空调出现h5故障代码的含义:模块保护,主要原因有:(1)在模块散热不好,温度高的情况下会出现h5;(2)模块保护有过流保护也有过热保护,检查交直流电压是不是过低,压缩机是不是过载。可以先检查一下压缩机运转电流,室外风机转速,室外机的散热情况是否良好。还有问题就要去找专业人员来检测
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询