85问答库 > jquery hover问题~怎样可以当鼠标停留上去不少于1秒才会出现效果~！？

jquery hover问题~怎样可以当鼠标停留上去不少于1秒才会出现效果~！？

2025-03-22 18:04:05

推荐回答（5个）

回答1：

//原理：在mouseover和mouseout分别设定一个时间（你的要求为1s），在各自状态下清除另一个状态设定的时间；
this.imagePreview = function(){
var hoverTimer, outTimer;
$("a.preview").hover(function(e){
clearTimeout(outTimer);
hoverTimer = setTimeout(function(){
$("body").append("

");
$("#preview")

.fadeIn("slow");
},1000);
},
function(){
clearTimeout(hoverTimer);
outTimer = setTimeout(function(){
$("#preview").fadeOut("fast");
},1000);
});
};
// 页面加载完执行
$(document).ready(function(){
imagePreview();
});

回答2：

加一个时间变量，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("

");
$("#preview")

.fadeIn("slow");
}
}

以年代码仅提供了一个解决问题的一个思路代参考，实际还是需要你自已再调试

回答3：

$("a.preview").hover(function(e){
settimeout("do()",1000);
}
function do(){
$("body").append("

");
*******
}

回答4：

可以使用delay来延迟，delay里面是时间（毫秒）
$("#preview").delay(1000).fadeIn("slow");

$("#preview").delay(1000).fadeOut("fast");

回答5：

格力变频空调出现h5故障代码的含义：模块保护，主要原因有：(1)在模块散热不好，温度高的情况下会出现h5;(2)模块保护有过流保护也有过热保护，检查交直流电压是不是过低，压缩机是不是过载。可以先检查一下压缩机运转电流，室外风机转速，室外机的散热情况是否良好。还有问题就要去找专业人员来检测