修改JQuery“滑动框”

Question

通常我不会发布这样的问题，但有时你会在没有阅读有关特殊编程语言的整本书的情况下寻找快速修复。

我正在使用一个名为“Sliding Boxes”的脚本，可以找到here。

信息框只是作为“悬停”在图像上的结果滑入。这里没什么大不了的。我想做的是将图像的难度从0.5（正常）增加到1.0（悬停）。如果我将光标移动到图像上，它的效果很好。

但是在滑动框覆盖图像后，如果光标位置在信息框的区域内，则1.0的难度会丢失。

所以我需要调整js文件，但因为我还没有对javascript做任何事情，我需要一些帮助。

这是我的剧本：

(function ($) {
  $(document).ready(function() {
    $('.cover.boxcaptionbig').stop().animate({top:'460px'}, 
                                          {queue:false,duration:0});

    //Full Caption Sliding (Hidden to Visible)
    $('.boxgridbig.captionfullbig').hover(function(){
      $(".cover", this).stop().animate({top:'340px'},  
                                       {queue:false,duration:750});
    }, function() {
    $(".cover", this).stop().animate({top:'460px'},  
                                     {queue:false,duration:750});
    });
 });
})(jQuery);

Answer 1

应该像改变其中一个动画一样简单：

animate({top:'460px'}

到

animate({top:'460px', opacity:'1'}

然后添加相同的但是0.5，使其再次恢复正常。

如果没有完整的演示，很难猜到，但我认为这就是你需要做的全部。