如何使用javascript或html为我的站点创建一个跨浏览器友好的文本转盘？_Javascript_Internet Explorer_Firefox_Browser_Carousel

如何使用javascript或html为我的站点创建一个跨浏览器友好的文本转盘？

javascript internet-explorer firefox browser

如何使用javascript或html为我的站点创建一个跨浏览器友好的文本转盘？,javascript,internet-explorer,firefox,browser,carousel,Javascript,Internet Explorer,Firefox,Browser,Carousel,如何使用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

如何使用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>

Carousel文本如下
$（文档）.ready（函数（）{
函数setRandomWord（）{
变量短语=新数组（“1-Blah文本”、“2-Blah文本”、“3-Blah文本”）；
$（“#测试”）.text（短语[Math.floor（Math.random（）*phrases.length）]；
}
setInterval（setRandomWord，3000）；
});

废话
保证服务或…文本--Text

我想这是因为您没有doctype集。在这里试用过，它可以与

标记前面的

一起使用。

也许IE被无效的HTML搞糊涂了？请注意，在关闭内部的

之前，您正在关闭

。然后，在末尾还有不匹配的

和

。我相信你的意思是：

<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>


废话
保证服务或…文本--Text

或许

<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>


废话


保证服务或…文本--Text

我现在没有IE需要测试，你能试试上面的JSFIDLE链接吗？

那么，IE有什么错误吗？对我来说，在Win7上的IE9中，两者都可以工作，所以可能这确实是一个标记问题，尽管添加

也解决了这个问题，这很奇怪。也许浏览器尝试以不同的方式修复损坏的HTML。确实如此。这个脚本可以工作，但是如果你使用两个转盘，一个用于文本（如上所述），另一个用于图像，那么它在IE（而不是Firefox）上就失败了。我不知道为什么。谢谢你的反馈。你是对的！！！但实际上，我刚刚发现，主要的问题是，我在同一页上没有一个而是两个旋转木马：一个是文本，另一个是图像。只有在Firefox上，它们才能在同一页面上正常工作，但在IE上，文本旋转木马失败，因为它需要一个无休止的循环。