作者 主題: DOM 產生的 <marquee> ,在 Firefox 上無效?  (閱讀 4507 次)

0 會員 與 1 訪客 正在閱讀本文。

Ian08

  • 懷疑的國中生
  • **
  • 文章數: 51
    • 檢視個人資料
用 DOM 產生 <marquee> ,在 Firefox 3 中失效,在 Firefox 2 中必須要滑鼠移上再移開之後才會開始運作。而其他瀏覽器都可運作。

但是若將 <marquee> 直接寫在 HTML 中,Firefox 又正常了。

請問怎麼會這樣?


代碼: [選擇]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TEST</title>
<style type="text/css">
marquee {
    padding: 20px;
    width: 300px;
    height: 150px;
    background: lightcyan;
    }

#mydiv {
    width: 150px;
    height: 150px;
    background: lightgreen;
    }
</style>
<script type="text/javascript">
window.onload = function() {

    var marquee = document.createElement("marquee");
    marquee.onmouseover = function() { this.stop() };
    marquee.onmouseout = function() { this.start() };
    marquee.setAttribute("scrollamount", 5, 0);
    document.body.appendChild(marquee);

    var mydiv = document.getElementById("mydiv");
    marquee.appendChild(mydiv);

}
</script>
</head>
<body>

<div id="mydiv"></div>

</body>
</html>
« 上次編輯: 2008-08-01 16:13 由 Ian08 »

Yamaka

  • 俺是博士!
  • *****
  • 文章數: 4913
    • 檢視個人資料
    • http://www.ecmagic.com
我沒用過這元件, 不過感覺上可能是用DOM建立的過程少了什麼屬性沒指定, 或是指定錯誤的值...

Ian08

  • 懷疑的國中生
  • **
  • 文章數: 51
    • 檢視個人資料
我也不清楚是否少了指定什麼屬性,但使用下面這個特殊的 function 就可以了,其中有給 Mozilla 專用的 document.addEventListener 。

http://dean.edwards.name/weblog/2006/06/again/