带有标题的jQuery滑动框，标题从页面加载开始位于顶部

Question

对于jQuery来说，这很新颖。我正在使用插件为带有标题的jQuery滑动框添加动画。

<script type="text/javascript"> 
      $(document).ready(function(){ 


       $('.boxgrid.caption').hover(function(){ 
        $(".cover", this).stop().animate({top:'130px'},{queue:false,duration:160}); 
       }, function() { 
        $(".cover", this).stop().animate({top:'190px'},{queue:false,duration:160}); 
       }); 
      }); 
     </script> 

问题是，当页面加载每个div容器顶部的标题位置。 但我希望底部的标题只显示“页面加载”的名称。 http://www.missbee.se/myPerformance3/

这里是插件页面， http://webdesignandsuch.com/posts/sliding-doors/

Answer 1

在你行的style.css 72

变化

.caption .boxcaption { 
    left: 0; 
    top: 190; 
} 

到

.caption .boxcaption { 
    left: 0; 
    top: 190px; 
} 

刚刚'px' is missing