마우스 오버 스크롤 메뉴

prototype.js

	function menuButtonMouseOver(event) {
	  var menuButton = $('api_menu_button');
	  var target = event.element();
	  if (target === menuButton || target.descendantOf(menuButton)) {
		$('api_menu').show();
	  }
	}

	function menuButtonMouseOut(event) {
	  var menuButton = $('api_menu_button');
	  var menu = $('api_menu');
	  var target = event.element(), related = event.relatedTarget || event.toElement;

	  if (related && (related === menu || related.descendantOf(menu))) return;
	  menu.hide();
	}

	function menuMouseOut(event) {
	  var menu = $('api_menu'), related = event.relatedTarget || event.toElement;
	  if (related && !related.descendantOf(menu)) {
		arguments.callee.timer = Element.hide.delay(0.5, menu);
	  } else {
		window.clearTimeout(arguments.callee.timer);
	  }
	}

	function menuItemMouseOver(event) {
	  var element = event.element();
	  if (element.tagName.toLowerCase() === 'a') {
		element.addClassName('highlighted');
	  }
	}

	function menuItemMouseOut(event) {
	  var element = event.element();
	  if (element.tagName.toLowerCase() === 'a') {
		element.removeClassName('highlighted');
	  }
	}

	var MENU_ITEMS;

	document.observe('dom:loaded', function() {
	  MENU_ITEMS = $$('.api-box .menu-item a');

	  $('api_menu_button').observe('mouseenter', menuButtonMouseOver);
	  $('api_menu_button').observe('mouseleave', menuButtonMouseOut );

	  $('api_menu').observe('mouseleave', menuMouseOut);

	  if (Prototype.Browser.IE) {
		$('api_menu').observe('mouseover', menuItemMouseOver);
		$('api_menu').observe('mouseout',  menuItemMouseOut);
	  }
	});

	

	  
		
scripty2
	  
	  

		

		  

			Search 
		  
		  

		

		

		  
Quick Links ↓
		  


			  
              

			scripty2 core section
		  

              

			Number
		  

              

			s2
		  

              

			s2.Extensions
		  

              

			s2.css
		  

              

			s2.fx
		  

              

			s2.fx.Attribute
		  

              

			s2.fx.Base
		  

              

			s2.fx.Element
		  

              

			s2.fx.Heartbeat
		  

              

			s2.fx.Morph
		  

              

			s2.fx.Operators
		  

              

			s2.fx.Operators.Base
		  

              

			s2.fx.Operators.Scroll
		  

              

			s2.fx.Operators.Style
		  


              

			s2.fx.Parallel
		  

              

			s2.fx.Queue
		  

              

			s2.fx.Scroll
		  

              

			s2.fx.Style
		  

              

			s2.fx.Transitions
		  





			  
              

			scripty2 fx section
		  

              

			Element
		  



			  
              

			scripty2 ui section
		  


		  
		
	  
	
  

전체소스:

mover_scrollmenu.ZIP

구현된곳: http://scripty2.com/doc/