Juery side메뉴

//CDN

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

//STYLE

#div_side {

position: absolute;

left: -90px;

width: 120px;

height: 400px;

float: left;

}

//JQUERY

<script type="text/javascript">

$(document).ready(function() {

$("#div_side").mouseover(function() {

$(this).stop().animate({

left : "0px"

}, 500);

}).mouseout(function() {

$(this).stop().animate({

left : "-90px"

}, 500);

});

});

</script>

//MENUIMG

<div id="div_side">

<img class="menuicon" src="menuimg/menuicon.png"> <img

class="menuicon" src="menuimg/menuicon.png"> <img

class="menuicon" src="menuimg/menuicon.png"><img

class="menuicon" src="menuimg/menuicon.png"><img

class="menuicon" src="menuimg/menuicon.png"><img

class="menuicon" src="menuimg/menuicon.png"> <img

class="menuicon" src="menuimg/menuicon.png"> <img

class="menuicon" src="menuimg/menuicon.png"> <img

class="menuicon" src="menuimg/menuicon.png"> <img

class="menuicon" src="menuimg/menuicon.png">

</div>