2011-05-12 42 views
0

我想在我的網頁上獲得一些滾動文字。我發現的 解決方案是在頁面 上創建一個靜態空的選取框標記,並使用DOM解析器訪問它,並使用 setInnerHTML方法設置我的文本。 (我輸入的文本是動態的,來自 服務器)問題與選框標記和GWT

無論如何,文本顯示正確,但服務器故障與 動畫出現。 有時它只是不開始有時它開始和滾動速度太快......

有沒有解決方案來解決這個問題,或用另一種類型的文本滾動替換選取框標記。

即時通訊使用GWT 2.2!

這是我的字幕標記

 <MARQUEE id="marquee" onMouseOver=this.stop() onMouseOut=this.start() scrollAmount=7 direction="left" width=100% height=20%/> 

回答

0

跑馬燈一般不會很好地工作 - 它基本上是一個過時的元素(見關於這一主題的Wikipedia entry)。

但是,如果你需要一個大帳篷,你可以

  • 或者代碼作爲一個JavaScript動畫(可能會產生比較高的CPU負載!)
  • 或使用"silky smooth marquee" solution,這是一個jQuery插件它使用「瀏覽器的本地功能」(至少這是他們所說的)進行滾動,並且工作得很好。
+0

兩個問題:a。何時/我在哪裏調用用來代替選取框的java腳本?請注意,我們在此討論GWT,因此在加載頁面後元素不存在。灣這似乎並不支持無縫/圓柱形的跑馬燈。你知道一個解決方案嗎?謝謝。 – RAY 2012-02-13 07:19:10

+0

@RAY:a。)可以使用[JSNI](http://code.google.com/webtoolkit/doc/latest/DevGuideCodingBasicsJSNI.html)從GWT進行JavaScript調用(只需將您的DOM元素作爲參數傳遞給JSNI方法) - 或者,您可以直接在GWT中創建一個Animation類(類似於[此答案](http://stackoverflow.com/a/4258443/291741))。 – 2012-02-13 12:32:47

+0

@RAY:b。)我不知道。 – 2012-02-13 12:33:21