jquery 求教。下面是一个幻灯片的切换,我现在要鼠标放上去的时候,停止切换,鼠标离开,又开始切换,
$(document).ready(function(){vardia=$(".tab_munea")dia.hover(function(){$(this).addCl...
$(document).ready(function(){
var dia = $(".tab_mune a")
dia.hover(function(){
$(this).addClass("home").siblings().removeClass("home")
var inx = dia.index(this)
$(".tab_box > div")
.eq(inx).show().siblings().hide()
});
var dia = $(".tab_mune a");
var cn_b = $(".tab_box > div")
var index = 0;
setInterval(function(){
dia.eq(index).addClass("home").siblings().removeClass("home");
cn_b.eq(index).show().siblings().hide();
index++;
if(index==dia.length){index=0}
},500);
});
就是鼠标 移动到 Class为 tab 的时候, 展开
var dia = $(".tab_mune a")
dia.hover(function(){
$(this).addClass("home").siblings().removeClass("home")
var inx = dia.index(this)
$(".tab_box > div")
.eq(inx).show().siblings().hide()
});
var dia = $(".tab_mune a");
var cn_b = $(".tab_box > div")
var index = 0;
setInterval(function(){
dia.eq(index).addClass("home").siblings().removeClass("home");
cn_b.eq(index).show().siblings().hide();
index++;
if(index==dia.length){index=0}
},500);
});
就是鼠标 移动到 Class为 tab 的时候, 展开
1个回答
展开全部
$(document).ready(function () {
var dia = $(".tab_mune a"), timer;// timer-新增
// hover事件:
// 参数一是function,即进入dia时,清除定时器
// 参数二是function,即离开dia时,开启定时器
dia.hover(function () {
clearInterval(timer);
$(this).addClass("home").siblings().removeClass("home");
$(".tab_box > div").eq(dia.index(this)).show().siblings().hide();
}, function(){
var dia = $(".tab_mune a"), cn_b = $(".tab_box > div"), index = 0;
timer = setInterval(function () {//定时器赋值timer-新增
dia.eq(index).addClass("home").siblings().removeClass("home");
cn_b.eq(index).show().siblings().hide();
index++;
if (index == dia.length) {
index = 0
}
}, 500);
});
});
不敢保证代码正确,因为你没发html,没办法给你测试有无错误存在,就是这个思路,望采纳!
var dia = $(".tab_mune a"), timer;// timer-新增
// hover事件:
// 参数一是function,即进入dia时,清除定时器
// 参数二是function,即离开dia时,开启定时器
dia.hover(function () {
clearInterval(timer);
$(this).addClass("home").siblings().removeClass("home");
$(".tab_box > div").eq(dia.index(this)).show().siblings().hide();
}, function(){
var dia = $(".tab_mune a"), cn_b = $(".tab_box > div"), index = 0;
timer = setInterval(function () {//定时器赋值timer-新增
dia.eq(index).addClass("home").siblings().removeClass("home");
cn_b.eq(index).show().siblings().hide();
index++;
if (index == dia.length) {
index = 0
}
}, 500);
});
});
不敢保证代码正确,因为你没发html,没办法给你测试有无错误存在,就是这个思路,望采纳!
追问
可以, 但是初始状态还是不动 的, 求邮箱, 我把整个文件夹发给你, 做好,另加100分
追答
5545795@qq.com,今天0点半左右已经发到你邮箱,请查收!
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询