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"; } } }, $ : function(oid){ if(typeof(oid) == "string") var ret=document.getElementById(oid); if(ret!=null) { return ret; } return oid; } } window.onload = function(){ var SDmodel = new scrollDoor(); SDmodel.sd(["m01","m02","m03","m04","m05","m06","m07","m08","m09","m010"],["c01","c02","c03","c04","c05","c06","c07","c08","c09","c10"],"sd01","sd02","sd03","sd04","sd05","sd06","sd07","sd08","sd09","sd10"); SDmodel.sd(["mm01","mm02","mm03","mm04","mm05","mm06","mm07","mm08","mm09","mm10"],["cc01","cc02","cc03","cc04","cc05","cc06","cc07","cc08","cc09","cc10"],"sd01","sd02","sd03","sd04","sd05","sd06","sd07","sd08","sd09","sd10"); }