js滑动门及对像的使用

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

你可能感兴趣的:(js)