求助导航如何延时切换

KoIibre 2017-11-30 10:33:42

求助导航如何延时切换
$(function(){

$("#nav>li").mouseover(function(){
$("#nav>li>i").removeClass("nav_on");
$(this).find("i").addClass("nav_on");
var model = $(this).attr("data-model");
var models=$(".main_mode1");
for(var i=0;i<models.length;i++){
var ddd = models[i];
if(models[i].id==model){
$(models[i]).css('display','block');
}else{
$(models[i]).css('display','none');
}
}
})

});

这个是我目前写的js代码我想让他实现鼠标放上去过五秒在切换得怎么写谢谢大家

...全文

220 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

usecf 2017-11-30

打赏
举报

你把要执行的操作方到鼠标移动事件里面执行延迟的函数应该就可以了

usecf 2017-11-30

打赏
举报

$(function(){ $("#nav>li").mouseover(function(){ setTimeout("delayfn()",5000) }); }); function delayfn() { $("#nav>li>i").removeClass("nav_on"); $(this).find("i").addClass("nav_on"); var model = $(this).attr("data-model"); var models=$(".main_mode1"); for(var i=0;i<models.length;i++){ var ddd = models[i]; if(models[i].id==model){ $(models[i]).css('display','block'); }else{ $(models[i]).css('display','none'); } } }

KoIibre 2017-11-30

打赏
举报

1楼的方式只有第一次触发时候执行了，延时但是在第二次没走延时的脚本

usecf 2017-11-30

打赏
举报

$(function(){ setTimeout("delayfn()",5000) }); function delayfn() { $("#nav>li").mouseover(function(){ $("#nav>li>i").removeClass("nav_on"); $(this).find("i").addClass("nav_on"); var model = $(this).attr("data-model"); var models=$(".main_mode1"); for(var i=0;i<models.length;i++){ var ddd = models[i]; if(models[i].id==model){ $(models[i]).css('display','block'); }else{ $(models[i]).css('display','none'); } } }) }

KoIibre 2017-11-30

打赏
举报

还是不行 model 和models 找不到值

usecf 2017-11-30

打赏
举报

$(function(){ $("#nav>li").mouseover(function(){ setTimeout("delayfn()",5000) }); }); function delayfn() { $("#nav>li>i").removeClass("nav_on"); $("#nav>li").find("i").addClass("nav_on"); var model = $("#nav>li").attr("data-model"); var models=$(".main_mode1"); for(var i=0;i<models.length;i++){ var ddd = models[i]; if(models[i].id==model){ $(models[i]).css('display','block'); }else{ $(models[i]).css('display','none'); } } }

KoIibre 2017-11-30