"; 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新手怎么玩」的上下文,可结合站内栏目与相关篇目一并浏览。 更多阅读

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

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

快速通道

网站首页 / html / English / 繁體中文版

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