Jquery 带循环的淡入淡出文本

Question

我试图让一个包含文本的div淡出，另一个div淡入，然后原始内容返回，然后重复或循环它，这样它就会不断重复这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 上玩它时工作正常，然后我上传它后它就不起作用了？？

Answer 1

你的代码无法在 jsfiddle 中运行，因为你这里有一个额外的点，而你又缺少了一个点

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

将其取下并放在正确的位置

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

一切都应该有效

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