這個腳本在運行

http://jsbin.com/uyawi/1879/edit 這個腳本在運行

的HTML一塊是

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html> 
<head> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> 

<style type="text/css"> 
</style> 

</head> 
<body> 


    <div id="marquee"><p>My scrolling text is so freakin' COOL!!!111!</p><p>My scrolling text is so freakin' COOL!!!111!</p 
<p>My scrolling text is so freakin' COOL!!!111!</p</div> 


</body> 
</html>

停止，這裏是JavaScript

$(function() { 

    var marquee = $("#marquee"); 
    marquee.css({"overflow": "hidden", "height": "100%"}); 

    // wrap "My Text" with a span (IE doesn't like divs inline-block) 
    marquee.wrapInner("<span>"); 
    marquee.find("span").css({ "height": "100%", "display": "inline-block", "text-align":"center" }); 
    marquee.append(marquee.find("span").clone()); // now there are two spans with "My Text"  
    marquee.wrapInner("<div>"); 
    marquee.find("div").css("height", "100%");  
    var reset = function() { 
     $(this).css("margin-top", "100%"); 
     $(this).animate({ "margin-top": "-100%" }, 5000, 'linear', reset); 
    };  
    reset.call(marquee.find("div")); 

});

運行時，它停止了一段時間，然後再次運行，你知道如何解決它？

來源

2012-08-28 Ctea Ctea

請注意，'reset'函數中的'this'已經是一個jQuery對象，因此您不需要在選擇器調用中進行換行。 'this.css（）'和'this.animate（）'就足夠了。 –

var reset = function() { 
    $(this).css("margin-top", "100%"); 
    $(this).animate({ "margin-top": "0%" }, 5000, 'linear', reset); 
};

來源

2012-08-28 09:03:47

謝謝，但是啓動並重新啓動屏幕中間的文本 –

我在等待..... –

這個腳本在運行

回答

相關問題