1. 首頁
  2. 問答
  3. Marquee在Google Chrome中無法使用？

Marquee在Google Chrome中無法使用？

2013-04-03 91 views
2

在Google Chrome瀏覽器中無法使用選取框中的彈跳代碼...爲何如此？
的代碼是：Marquee在Google Chrome中無法使用？

<marquee height=200 width=1200 behavior=alternate>...</marquee>

將在谷歌Chrome瀏覽器是什麼行爲？

來源

2013-04-03 Shanpriya

+0

這裏的問題是'behavior = alternate'屬性，Chrome不支持這個屬性。 –

回答

7

從w3.org：

沒有，真的。不要使用它。

請注意，大多數用戶總是發現跑馬燈令人反感。這就是爲什麼你可能不應該試圖用JavaScript或其他方式來模擬這種行爲。

來源

2013-04-03 13:58:38

+0

雖然有一些選框是絕對需要的。想到最新消息或最新的證券交易所市場數據。或者當客戶絕對想要這個功能時。在這種情況下，應該使用JavaScript解決方案。 –

+0

我敢肯定即使是證券交易所，這也是糟糕的用戶界面。這只是對技術上需要的時間界面的懷舊嘲弄。 –

+0

那麼，當CSS3被廣泛支持時，這個功能將會返回到像'marquee-direction'這樣的屬性，所以這個概念似乎很有用。 –

1

在這裏，你要使用JavaScript來實現這一目標，而不是：

http://jscroller2.markusbordihn.de/example/alternate/

最好的辦法是使用上述庫。本網站提供了有關如何從頭開始實施的示例和文檔。鏈接示例的效果與<marquee>標記的效果類似，現在已棄用。

祝你好運！

來源

2013-04-03 14:03:27 deed02392

+1

+1提供'' –

1

該代碼當然是正確的。問題可能是寬度太大了。如果文本寬度不夠寬，文本爲什麼會移動？

查看jsfiddle上的這個最小工作示例。

爲了演示目的，我添加了一個綠色邊框來查看marquee的工作原理。更改高度時，您可以看到空白增加，但文本仍然只有一條一行。

只是玩弄width和height。

<marquee style="border: 1px solid green; width: 200px; height: 50px;"> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent 
    pellentesque malesuada nunc a placerat. Nulla facilisi. Maecenas facilisis 
    consequat semper. Nullam eget dui libero. Maecenas eget est pretium arcu 
    malesuada elementum. Proin quis quam auctor dolor pharetra blandit eget id 
    tellus. Nunc at mattis nunc. In hac habitasse platea dictumst. Phasellus eu 
    quam ac tellus tempor ornare id id nisi. Suspendisse vitae est elit, eu 
    placerat risus. Nulla fringilla cursus libero sed imperdiet. Morbi et turpis 
    diam, in commodo diam. Vivamus volutpat laoreet nibh, a facilisis augue 
    tincidunt ac. Nulla at mi tortor. 
</marquee>

請記住，在marquee標籤是不是標準的一部分了，因爲被別人說。也許你可以看看一些JavaScript的功能比這個過時的標籤更多。

來源

2013-04-03 14:15:28 Jan

+0

的替代方法哦......好的，謝謝你，現在我能理解它。 – Shanpriya

+0

如果我的答案解決了您的問題，請考慮將其標記爲「已接受的答案」或在您的問題中提供更多詳細信息以獲得更多幫助。不知道如何接受答案？請參閱http://meta.stackexchange.com/a/5235 – Jan

相關問題

 相關問題