修改JQuery「Sliding Boxes」

通常我不會發布這樣的問題，但有時您會在不閱讀關於特殊編程語言的整本書的情況下尋找快速修復。修改JQuery「Sliding Boxes」

我正在使用一個名爲「Sliding Boxes」的腳本，它可以找到here。

信息框隨着「懸停」在圖像上而滑過。這裏沒什麼大不了的。我試圖做的是將圖像的不透明度從0.5（正常）增加到1.0（懸停）。如果我將光標移動到圖像上，它運行良好。

cursor over image

但滑動盒覆蓋圖像後，1.0 oppacity丟失，如果光標位置在信息框中的區域。

cursor over text-box

所以我需要調整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);

來源

2011-10-09 Chrizzor

應改變動畫的一個從簡單：

animate({top:'460px'}

到

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

然後添加相同，但與0.5上讓它恢復正常的那個。

沒有一個完整的演示，很難猜測，但我認爲這就是你需要做的。

來源

2011-10-09 19:27:18

修改JQuery「Sliding Boxes」

回答

相關問題