[jQuery]滑出式選單

若要使用一般所看到的滑出式選單，只要透過mouseover和mouseleave這兩個event再配合animate就可以完成

例如：
HTML

<div id="doc"></div>

CSS

#doc {
	width:200px;
	height:50px;
	background:#999;
	position:relative;
}

Javascript

//滑鼠移入
$('#doc').mouseover(function() {
	$(this).stop().animate({left:'50px'},600);
});
//滑鼠移出
$('#doc').mouseleave(function() {
	$(this).stop().animate({left:'0px'},600);
});