滑动门的一些.doc

第一步：js代码：function scrollDoor()scrollDtotype = 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.$(menusi).value = i;_this.$(menusi).onmouseover = function()for(var j = 0 ; j menus.length ; j+)_this.$(menusj).className = closeClass;_this.$(divsj).style.display = none;_this.$(menusthis.value).className = openClass;_this.$(divsthis.value).style.display = block;,$ : function(oid)if(typeof(oid) = string)return document.getElementById(oid);return oid;window.onload = function()var SDmodel = new scrollDoor();SDmodel.sd(m01,m02,m03,m04,m05,c01,c02,c03,c04,c05,sd01,sd02);SDmodel.sd(mm01,mm02,mm03,mm04,mm05,cc01,cc02,cc03,cc04,cc05,sd01,sd02);SDmodel.sd(mmm01,mmm02,mmm03,mmm04,mmm05,ccc01,ccc02,ccc03,ccc04,ccc05,sd01,sd02);第二步：css代码：.previewmargin:10px;padding:10px;overflow:hidden;background:#eee;.contpadding:10px;.hiddendisplay:none;.scrolldoorFramewidth:400px;margin:0px auto;overflow:hidden;.scrollUlwidth:400px;border-bottom:1px solid #CCC;overflow:hidden;height:35px;.scrollUl lifloat:left;.bor03border:1px solid #ccc;border-top-width:0px;.sd01width:80px;height:80px;cursor:pointer;border:1px solid #CCC;background:url(./images/30.png) no-repeat;margin:5px;padding:2px;font-weight:bold;.sd02cursor:pointer;border:0px solid #CCC;margin:5px;padding:2px;第三步：html代码：滑动门滑动门滑动门滑动门滑动门站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效二号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效一号内容站长特效三号内容