鼠标悬浮状态

.ec-botton{background:#fd7400;top:10px;width:222px; left:26px;color:#fff;display:none;height:222px;right:0;position:absolute;text-align:center;}
.ec-botton dd{margin:20px auto;width:180px; height:180px;text-align:center; font-size:14px;}

.server-li{float:left; width:236px; padding:10px 20px; text-align:center; position:relative;}

<div class="server-li">

<a href="#"><img src="images/server_img02.png" /></a>
<div class="ec-botton"><dd>商务礼品</dd>

</div>

</div>

<script>

  $(document).ready(function(){
    $(".server-li").hover(function(){
        $(this).find(".ec-botton").slideDown();
            },function(){
                $(this).find(".ec-botton").slideUp();
                });
                });

 </script>