1

通常我不会发布这样的问题，但有时您正在寻找快速解决方案而无需阅读有关特殊编程语言的整本书。

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

由于“悬停”在图像上，信息框会简单地滑入。这里没什么大不了的。我想做的是将图像的不透明度从 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);
4

1 回答 1

0

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

animate({top:'460px'}

至

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

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

如果没有完整的演示，很难猜测，但我认为这就是您需要做的所有事情。

于 2011-10-09T19:27:18.697 回答