欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript 通用滑動(dòng)門(mén)tab類(lèi)

 更新時(shí)間：2008年03月28日 23:03:37   作者：  
滑動(dòng)門(mén)JS并封裝成類(lèi)

[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

源代碼：
復(fù)制代碼 代碼如下:


function scrollDoor(){ 
} 
scrollDoor.prototype = { 
sd : function(menus,divs,openClass,closeClass){ 
 var _this = this; 
 if(menus.length != divs.length) 
 { 
  alert("菜單層數(shù)量和內(nèi)容層數(shù)量不一樣!"); 
  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") 
 return document.getElementById(oid); 
 return oid; 
} 
} 

使用方法：

1.把以上代碼引進(jìn)你的頁(yè)面 
復(fù)制代碼 代碼如下:


<script type="text/javascript" src="scrollDoor.js"></script> 

2.在頁(yè)面的"<body>"標(biāo)簽前加入以下代碼:

復(fù)制代碼 代碼如下:

<script type="text/javascript"> 
var SDmodel = new scrollDoor();  
SDmodel.sd([菜單id數(shù)組],[顯示層id數(shù)組],"菜單觸發(fā)類(lèi)","菜單關(guān)閉類(lèi)"); 
SDmodel.sd([菜單id數(shù)組2],[顯示層id數(shù)組2],"菜單觸發(fā)類(lèi)","菜單關(guān)閉類(lèi)"); 
SDmodel.sd([菜單id數(shù)組3],[顯示層id數(shù)組3],"菜單觸發(fā)類(lèi)","菜單關(guān)閉類(lèi)"); 
</script>  

其中sd方法中的參數(shù)為：

參數(shù)一 [菜單id數(shù)組]：滑動(dòng)門(mén)菜單的id 
參數(shù)二 [內(nèi)容id數(shù)組]：顯示和隱藏滑動(dòng)內(nèi)容層的id 
參數(shù)三 "菜單觸發(fā)類(lèi)"：鼠標(biāo)經(jīng)過(guò)滑動(dòng)門(mén)菜單的類(lèi) 
參數(shù)四 "菜單關(guān)閉類(lèi)"：鼠標(biāo)滑出滑動(dòng)門(mén)菜單的類(lèi)
3.頁(yè)面中有幾個(gè)滑動(dòng)門(mén)就調(diào)用幾次sd函數(shù),只需改變sd調(diào)用的參數(shù),如以上代碼上所展示.

相關(guān)文章

最新評(píng)論