jquery淡入淡出問題

我試圖實現一個圖像滑塊，在懸停時顯示一些文本。它工作正常，除了在IE8中，每當滑塊更改圖像時都有一段文字。jquery淡入淡出問題

下面是當前的js代碼：

<script type="text/javascript"> 
$(document).ready(function() { 
    /* Hide descriptions. */ 
    $('.description').fadeTo(0, 0); 

    /* Show descriptions on hover. */ 
    $('.description').hover(
    function() { $(this).fadeTo(400, 1); }, 
    function() { $(this).fadeTo(400, 0); } 
    ); 

    $('#slider').after('<div id="pager">').cycle({ 
    fx: 'fade', 
    timeout: 5000, 
    speed: 700, 
    pager: '#pager', 
    pause: 1 
    }) 
}); 
</script>

鏈接到一個活生生的例子here

鏈接到jsFiddle

來源

2011-08-18 sheepgobeep

你能否把你的代碼放在[jsfidd le]（http://jsfiddle.net/）並提供給我們一個鏈接？這使我們能夠看到你所有的代碼並在需要修改的地方進行編輯。 – sg3s

我將有問題的代碼添加到jsFiddle中，但無法在該平臺上運行。我添加了jsfiddle鏈接到原始文章。 – sheepgobeep

看來，如果你強行說明在過渡期間隱藏工作：

$(document).ready(function() { 
    /* Hide descriptions. */ 
    $('.description').fadeTo(0, 0); 

    /* Show descriptions on hover. */ 
    $('.description').hover(
     function() { $(this).fadeTo(400, 1); }, 
     function() { $(this).fadeTo(400, 0); } 
    ); 

    $('#slider').after('<div id="pager">').cycle({ 
    fx: 'fade', 
    timeout: 5000, 
    speed: 700, 
    pager: '#pager', 
    pause: 1, 
    cleartypeNoBg: true, 
    before: function() { $('.description').css('display', 'none'); }, 
    after: function() { $('.description').css('display', 'block'); } 
    }); 
});

來源

2011-08-18 19:11:31

這樣做，謝謝！ – sheepgobeep

jquery淡入淡出問題

回答

相關問題