js滑動門及對像的使用

老皆知發表於2014-03-07
function scrollDoor() { }
      scrollDoor.prototype = {
          sd: function (menus, divs, openClass, closeClass) {
              var _this = this;
              if (menus.length != divs.length) {
                  alert("選單層數量和內容層數量不一樣!");
                  return false;
              }
              for (var i = 0; i < menus.length; i++) {
                  _this.$(menus[i]).value = i;
                  _this.$(menus[i]).onmouseover = function () {

                      for (var j = 0; j < menus.length; j++) {
                          _this.$(menus[j]).className = closeClass;
                          _this.$(divs[j]).style.display = "none";
                      }
                      _this.$(menus[this.value]).className = openClass;
                      _this.$(divs[this.value]).style.display = "block";
                  }
              }
          },
          def: function (menus, divs, openClass, closeClass, menu, divshow) {
              var _this = this;
              for (var j = 0; j < menus.length; j++) {
                  _this.$(menus[j]).className = closeClass;
                  _this.$(divs[j]).style.display = "none";
              }
              _this.$(menu).className = openClass;
              _this.$(divshow).style.display = "block";
          },
          $: function (oid) {
              if (typeof (oid) == "string")
                  return document.getElementById(oid);
              return oid;
          }
      }

使用
 var SDmodel = new scrollDoor(); 
 SDmodel.sd(["d1","d2"],["c1","c2"],"li_up","");

案例
http://esf.sh.soufun.com/agent/agtagent/27686210.htm

相關文章