<script>

? ? function $(id) {

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

? ? }

? ? window.onload = function() {

? ? ? ? //標簽的索引

? ? ? ? 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這個變量引用當前滑過的li

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

? ? ? ? ? ? ? ? //如果存在準備執行的定時器，立刻清除，只有當停留時間大于500ms時才開始執行

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

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

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

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? //延遲半秒執行

? ? ? ? ? ? ? ? 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>