1回答

• 

  _小陈同学

  2015-06-24 11:04:16

  
  

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

  
  

  0 0