2012-09-10 94 views
7

我希望有一個新聞動態滾動條,可以從右向左滾動,輕鬆添加刪除項目。如何創建新聞動態

這將會是理想的,如果我可以使用jQuery或原始的JavaScript,如果我不得不這樣做。

是否有一個jQuery插件或方法可以讓我得到一個新聞股票?

研究後,我發現他們中的很多從上到下滾動,而不是從右到左。

的新聞股票的一點是,它很容易地添加或刪除項目,當你徘徊,股票代碼停止,然後當鼠標不超過它恢復。

更新

我只是發現liScroll - http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html

http://htmlmarquee.com/看起來也相當不錯

回答

8

如果你需要像一個新浪體育訊北京時間功能,也許從左向右或從上到下,你可以簡單的使用HTML標籤marquee。使用可以在餵食過程中動態更新其內容。

您還可以改變其運動行爲與onmouseoveronmouseout事件,如

<marquee behavior="scroll" direction="right" 
 
     onmouseover="this.stop();" 
 
     onmouseout="this.start();"> 
 
      Hover to stop! 
 
    </marquee>

您可以在htmlmarquee.com玩這個。覈實。
您可以看到運動控制here的其他可用選項。

+0

我必須嘗試一下。謝謝! – user1658756

+0

根據MDN的說法「這個功能已經過時了,雖然它可能在某些瀏覽器中仍然有效,但它的使用是不鼓勵的,因爲它可以在任何時候刪除,儘量避免使用它。」https://developer.mozilla.org/zh -US/docs/Web/HTML/Element/marquee – Mehmet

+0

@Mehmet有什麼選擇? – mtk

5

儘管<marquee> -element,正如mtk所建議的,它可以在大多數瀏覽器中使用,但它不是標準的HTML,不應該使用,如果符合標準是個問題。您應該使用appropriate CSS風格!

然後你可以把你的內容在幾乎任何HTML元素和你喜歡的只是「選取框」它周圍。