mainmenu.js

JAVA下拉菜单,在别人的基础上改进,并有完整例子

// main menu postioning Commented lines are not needed when using the ypSlideOutMenus_subs.js
//var menus = [
		
		X=0;
		var m1=new ypSlideOutMenu("menu1", "down", X, 113, 120, 175);
		var m2=new ypSlideOutMenu("menu2", "down", X, 113, 120, 200);
		var m3=new ypSlideOutMenu("menu3", "down", X, 113, 120, 250);
		var m4=new ypSlideOutMenu("menu4", "down", X, 113, 120, 220);
		//var m5=new ypSlideOutMenu("menu5", "down", X, 113, 220, 250);
//		var m6=new ypSlideOutMenu("menu6", "down", X+643, 113, 166, 200);
		m1.onactivate = repositionMenu1
        m2.onactivate = repositionMenu2
		m3.onactivate = repositionMenu3
		m4.onactivate = repositionMenu4
//        m6.onactivate = repositionMenu6
 
		function repositionMenu1()
		{
			var newLeft =TD1.offsetLeft;
			var newTop =MenuTable.offsetTop + TD1.offsetHeight;
			var newWidth =TD1.offsetWidth;
			m1.container.style ? m1.container.style.left = newLeft + "px" : m1.container.left = newLeft;
			m1.container.style ? m1.container.style.top = newTop + "px" : m1.container.top = newTop;
			m1.container.style ? m1.container.style.width = newWidth + "px" : m1.container.width = newWidth;
		}
		
			function repositionMenu2()
		{
			var newLeft =TD2.offsetLeft;
			var newTop =MenuTable.offsetTop + TD2.offsetHeight;
			var newWidth =TD2.offsetWidth;
			m2.container.style ? m2.container.style.left = newLeft + "px" : m2.container.left = newLeft;
			m2.container.style ? m2.container.style.top = newTop + "px" : m2.container.top = newTop;
			m2.container.style ? m2.container.style.width = newWidth + "px" : m2.container.width = newWidth;
		}
		
			function repositionMenu3()
		{
			var newLeft =TD3.offsetLeft;
			var newTop =MenuTable.offsetTop + TD4.offsetHeight;
			var newWidth =TD4.offsetWidth;
			m3.container.style ? m3.container.style.left = newLeft + "px" : m3.container.left = newLeft;
			m3.container.style ? m3.container.style.top = newTop + "px" : m3.container.top = newTop;
			m3.container.style ? m3.container.style.width = newWidth + "px" : m3.container.width = newWidth;
		}
		
		
			function repositionMenu4()
		{
			var newLeft =TD4.offsetLeft;
			var newTop =MenuTable.offsetTop + TD4.offsetHeight;
			var newWidth =TD4.offsetWidth;
			m4.container.style ? m4.container.style.left = newLeft + "px" : m4.container.left = newLeft;
			m4.container.style ? m4.container.style.top = newTop + "px" : m4.container.top = newTop;
			m4.container.style ? m4.container.style.width = newWidth + "px" : m4.container.width = newWidth;
		}
		
//			function repositionMenu5()
//		{
//			var newLeft =MenuTable.offsetLeft;
//			m5.container.style ? m5.container.style.left = newLeft + 662 : m5.container.left = newLeft;
//		}
		
//			function repositionMenu6()
//		{
//			var newLeft =MenuTable.offsetLeft;
//			m6.container.style ? m6.container.style.left = newLeft + 576 : m6.container.left = newLeft;
//		}
		
	  //new ypSlideOutMenu("menu6", "right", 560, 153, 166, 120),
	  //new ypSlideOutMenu("menu7", "down", 481, 135, 166, 75)
	//]
	//for (var i = 0; i < menus.length; i++) {
		//menus[i].onactivate = new Function("document.getElementById('act" + i + "').className='active';");
		//menus[i].ondeactivate = new Function("document.getElementById('act" + i + "').className='';");
	//}

 // ypSlideOutMenu.writeCSS();