index.html
Marshall Menü
<script></script>
<script>
$(function(){
$("#menu ul li").hover(function(){
$(this).stop().animate({'height':'220px'},200);
//$(this).stop().animate({'width':'200px'},200);
},function(){
$(this).stop().animate({'height':'130px'},200);
//$(this).stop().animate({'width':'110px'},200);
});
});
</script>
menu.css
*{padding:0px; margin:0px}
li{list-style-type:none}
li:hover {opacity:0.5}
body {font: 12px verdana; background-color:lightblue}
#menu ul li {float:left; width:110px; height: 130px; display:block; margin:1px; text-align:center; animation:myfirst 5s; cursor:pointer}
#menu ul li span {display:block; color:#fff; font-size:16px; border:2px solid; border-radius:25px; margin-top:50%}
.bir{background-color:#393939}
.iki{background-color:#CC00CC}
.uc{background-color:#ffa800}
.dort{background-color:#007777}
.bes{background-color:#ff5400}