我正在尝试使包含文本的div淡出另一个div淡入,然后将原始bac淡出,然后重复或循环它,以便它不断重复这2条消息,这是我的代码:

<div id="specialoffer">
  <div id="specialoffertext">Reduced rates over the <br />
    next few months</div>
  <div id="specialoffertext2" style="display:none;">Contact us today to <br />
    find out more</div></div>​

    var $body = $(document.body),
    cycle;

(cycle = function() {
        $('#specialoffertext')..delay(2000)fadeOut('slow');
        $('#specialoffertext2').delay(3000).fadeIn('slow');
        $('#specialoffertext2').delay(3500).fadeOut('slow');
        $('#specialoffertext').delay(5000).fadeIn('slow', cycle);

})();​


在jsfiddle上播放时,它工作正常,然后在我上载它后就不起作用了?

最佳答案

您的代码无法在jsfiddle中运行,因为您在此处有一个多余的点,而您又错过了另一个

 $('#specialoffertext')..delay(2000)fadeOut('slow');


取下并放在正确的位置

 $('#specialoffertext').delay(2000).fadeOut('slow');


一切都应该起作用

http://jsfiddle.net/kEGgC/1/

09-25 16:26