ie6,ie7,ie8与火狐互相不兼容问题解决_ie8兼容 οnmοuseοver没反应-优快云博客

本文链接：https://blog.youkuaiyun.com/jetluning/article/details/6381624

本文介绍了一种解决网站中滚动图片新闻在不同浏览器上显示不一致的问题的方法。通过使用JavaScript来调整图片滚动的方式，并针对IE和Firefox等浏览器进行了兼容性处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自己做了一个网站，发现了不少兼容性问题，主要是滚动图片新闻不能正常滚动，后面问题解决方案如下，以备遗忘，在<head>标签下面加入 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"; charset=gb2312" />

滚动图片新闻的ID，在IE中是认的，但是在火狐中是不认的，所以要用document.getElementById("demo1"); 来代替。完整个代码如下<SCRIPT language=JavaScript type=text/javascript>
var speed = 20;

var firefox = document.getElementById && !document.all; //这段是为了兼容火狐，w3c标准
if(firefox==true){
demo1 = document.getElementById("demo1");
demo2 = document.getElementById("demo2");
demo = document.getElementById("demo");
}

demo2.innerHTML = demo1.innerHTML;
function Marquee()
{
if(demo2.offsetWidth-demo.scrollLeft<=0)
{
demo.scrollLeft-=demo1.offsetWidth;
}
else
{
demo.scrollLeft++;
}
}
var MyMar = setInterval(Marquee,speed);
demo.onmouseover=function() {clearInterval(MyMar)};
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
</SCRIPT>