如何使用javascript或html為我的網站制作一個跨瀏覽器友好的文本輪播？

Question

如何使用Javascript或html為我的網站提供跨瀏覽器友好的文本輪播？ 我一直在努力使用下面的代碼，因為它只適用於Firefox，但它在IE上失敗了。 有沒有辦法可以讓它兼顧兩者？

<h4>Carousel-Text-Below </h4>

<html>
<head>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'    
type='text/javascript'></script>
<script type='text/javascript'>
$(document).ready(function(){
function setRandomWord(){
    var phrases =new Array("1-Blah Text","2-Blah Text","3-Blah Text");  
    $("#test").text(phrases[Math.floor(Math.random()*phrases.length)]);
}
setInterval(setRandomWord,3000);
});
</script>
</head>
<body> 
<p style="border:1px dashed gray; background-color:white; padding: 10px">
<span id='test'>Blah Text-Text-Text</p>
</span> Guaranteed Service or...Text---Text</strong></p> 
</body> 
</html>

Answer 1

我認為這是因為你沒有設置doctype。 在這里嘗試過，它在<html>標簽前面與<!DOCTYPE html>一起使用。

Answer 2

也許IE被你的無效HTML搞糊塗了？ 請注意，您要關閉<p>在關閉前<span>里面。 那么你最后也有無與倫比的</strong>和</p> 。 我相信你的意思是：

<p style="border:1px dashed gray; background-color:white; padding: 10px">
    <span id='test'>Blah Text-Text-Text</span>
    <strong>Guaranteed Service or...Text---Text</strong>
</p>

http://jsfiddle.net/xrS3t/

或者可能

<p style="border:1px dashed gray; background-color:white; padding: 10px">
    <span id='test'>Blah Text-Text-Text</span>
</p>
<p>
    <strong>Guaranteed Service or...Text---Text</strong>
</p>

http://jsfiddle.net/6nFVK/

我現在沒有IE測試，你能試試上面的jsfiddle鏈接嗎？

如何使用javascript或html為我的網站制作一個跨瀏覽器友好的文本輪播？

問題描述

2 個解決方案

解決方案1
1 2013-01-13 22:11:36

解決方案2
1 2013-01-13 22:20:58

如何使用javascript或html為我的網站制作一個跨瀏覽器友好的文本輪播？

問題描述

2 個解決方案

解決方案1 1 2013-01-13 22:11:36

解決方案2 1 2013-01-13 22:20:58

解決方案1
1 2013-01-13 22:11:36

解決方案2
1 2013-01-13 22:20:58