<script>

? ? function $(id) {

? ? ? ? return typeof id === "string" ? document.getElementById(id) : id;

? ? }

? ? window.onload = function() {

? ? ? ? //標(biāo)簽的索引

? ? ? ? var timer = null;

? ? ? ? var lis = $("notice-tit").getElementsByTagName("li");

? ? ? ? var divs = $("notice-con").getElementsByTagName("div");

? ? ? ? if (lis.length != divs.length) return;

? ? ? ? for (var i = lis.length - 1; i >= 0; i--) {

? ? ? ? ? ? //遍歷所有的頁簽

? ? ? ? ? ? lis[i].id = i;

? ? ? ? ? ? lis[i].onmouseover = function() {

? ? ? ? ? ? ? ? //用that這個(gè)變量引用當(dāng)前滑過的li

? ? ? ? ? ? ? ? var that = this;

? ? ? ? ? ? ? ? //如果存在準(zhǔn)備執(zhí)行的定時(shí)器，立刻清除，只有當(dāng)停留時(shí)間大于500ms時(shí)才開始執(zhí)行

? ? ? ? ? ? ? ? if (timer) {

? ? ? ? ? ? ? ? ? ? clearTimeout(timer);

? ? ? ? ? ? ? ? ? ? timer = null;

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? //延遲半秒執(zhí)行

? ? ? ? ? ? ? ? timer = setTimeout(function() {

? ? ? ? ? ? ? ? ? ? for (var j = 0; j < lis.length; j++) {

? ? ? ? ? ? ? ? ? ? ? ? lis[j].className = "";

? ? ? ? ? ? ? ? ? ? ? ? divs[j].style.display = "none";

? ? ? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? ? ? lis[that.id].className = "select";

? ? ? ? ? ? ? ? ? ? divs[that.id].style.display = "";

? ? ? ? ? ? ? ? }, 500);

? ? ? ? ? ? }

? ? ? ? };

? ? }

</script>