我正在尝试使包含文本的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/