$(function() { $(".list-bnr").hover(function () { $(this).find(".imgOver").stop(true).animate({opacity:0.5, filter: 'alpha(opacity=50)'}, 150); $(this).find(".overLink").stop(true).animate({opacity:0.9, filter: 'alpha(opacity=90)', top:0}, 250); },function () { $(this).find(".imgOver").stop(true).animate({opacity:0, filter: 'alpha(opacity=0)'}, 300); $(this).find(".overLink").stop(true).animate({top:30, opacity:0, filter: 'alpha(opacity=0)'}, 250); }); });
div.top { position: relative; width: 230px; height: 180px; overflow: hidden; } div.top div { width: 230px; height: 180px; font-size: 12px; padding: 10px; position: absolute; top: 0; left: 0; text-align: center; background: #fff; -webkit-transition: left 1s ease-in-out; } div.top div.first { z-index: 1000; } div.top:hover div.first { -webkit-transition: left 1s ease-in-out; left: -230px; }