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