13-8.txt

开发王代码 代码

<script type="text/javascript">
<!--
//--------------------[01]-----------------------------------------
//初始化，
//变量totalItems表示共有多少个主菜单项
var totalItems = 6;
function init(){ 
  for (var i=1; i<= totalItems; i++){
    //获取所有子菜单项div元素，并设置其样式
    var oSubItem = document.getElementById("subMenu"+i);
	oSubItem.style.visibility = "hidden"
    //获取所有主菜单项div元素，并设置其样式，主要就是初始化定位
	var oMainItem = document.getElementById("mainItem"+i);
    oMainItem.style.left = 74*i+"px";
  }
}
init();
//--------------------[02]-----------------------------------------
//鼠标指针移到主菜单项上方，触发该函数
//该函数重新设置主菜单项和子菜单项
function displaySubItem(theobj){
  for (var i=1; i<= totalItems; i++){
    var oSubItem = document.getElementById("subMenu"+i);
	oSubItem.style.visibility = "hidden";
	var oMainItem = document.getElementById("mainItem"+i);
	oMainItem.style.backgroundImage = "url(pic/tab1.gif)";
  }
  var mainItemIndex = theobj.getAttribute("id").toString().substring(8);
  var oSubItem = document.getElementById("subMenu"+mainItemIndex); 
  oSubItem.style.visibility="visible";
  theobj.style.backgroundImage = "url(pic/tab2.gif)";
}				
//--------------------[03]-----------------------------------------
//鼠标指针移动时，触发该函数
//注意对象变量scopeY用于定义垂直方向上的范围，这里是从5-60
//表示主菜单项和子菜单项的范围
//该函数检查鼠标指针是否超出这个范围，从而重新设置子菜单项
function closeAllSubItem(event){
  var scopeY = {top:5,bot:60};
  window.status=event.clientY;
  if ((event.clientY<scopeY.top)||(event.clientY>scopeY.bot)){
    for (var i=1; i<= totalItems; i++){
      var oSubItem = document.getElementById("subMenu"+i);
	  oSubItem.style.visibility = "hidden";
    }  
  }
}
-->
</script>