"; for (var i = 0; i < len; i++) { btn += ""; } btn += "
"; $("#focus").append(btn); $("#focus .btnBg").css("opacity", 0.5); $("#focus .btn span").css("opacity", 0.4).mouseenter(function() { index = $("#focus .btn span").index(this); showPics(index); }).eq(0).trigger("mouseenter"); $("#focus .preNext").css("opacity", 0.2).hover(function() { $(this).stop(true, false).animate({ "opacity": "0.5" }, 300); }, function() { $(this).stop(true, false).animate({ "opacity": "0.2" }, 300); }); $("#focus .pre").click(function() { index -= 1; if (index == -1) { index = len - 1; } showPics(index); }); $("#focus .next").click(function() { index += 1; if (index == len) { index = 0; } showPics(index); }); $("#focus ul").css("width", sWidth * (len)); $("#focus").hover(function() { clearInterval(picTimer); }, function() { picTimer = setInterval(function() { showPics(index); index++; if (index == len) { index = 0; } }, 5000); //此4000代表自动播放的间隔，单位：毫秒 }).trigger("mouseleave"); function showPics(index) { //普通切换 var nowLeft = -index * sWidth; //根据index值计算ul元素的left值 $("#focus ul").stop(true, false).animate({ "left": nowLeft }, 300); //通过animate()调整ul元素滚动到计算出的position $("#focus .btn span").stop(true, false).animate({ "opacity": "0.4" }, 300).eq(index).stop(true, false).animate({ "opacity": "1" }, 300); //为当前的按钮切换到选中的效果 } });
网站首页
  • 大红鹰dhy7788新手怎么玩简介
  • 大红鹰dhy7788新手怎么玩动态
  • 育人天地
  • 教学大红鹰dhy7788新手怎么玩
  • 西外师资
大红鹰dhy7788新手怎么玩简介

大红鹰dhy7788新手怎么玩动态

育人天地
教学大红鹰dhy7788新手怎么玩 西外师资 国际大红鹰dhy7788新手怎么玩 艺体之窗

继续阅读

若需了解「大红鹰dhy7788新手怎么玩」的上下文，可结合站内栏目与相关篇目一并浏览。 更多阅读

栏目用于追新，文内链接用于对照细节。 同题参见这样安排可减少漏读与重复检索。

若从搜索引擎进入，可先确认当前栏目名称，再按需打开相关阅读。

快速通道

12 / 网站首页 / 14 / 2023

页面按栏目组织。可先看导读，再进入相关篇目或返回列表。