不同浏览器下图片滚动效果的js

遇到过JS无法在火狐浏览器上实现IE的效果，昨天查看了一下相应的代码完成了这一功能的实现做一下简单的记录

网上的资料很多但大多没有说明细节看到了峰之博文的一篇文章后才若有所思问题出现在那里。

<!-- end #piclist --&gt

速度数值越大速度越慢 var isIE = document.all && window.external; // 判断是否非 ie
if(isIE==false){
demo1 = document.getElementById("demo1"); // 非 w3c 标准要找到表单，必须是要用 getElementById("XX");
demo2 = document.getElementById("demo2");
piclist = document.getElementById("piclist"); }
/*
// 这个星是用于判断是否火狐的，是多余代码，所以注释掉了，哪位有兴趣可以研究研究。
var firefox = document.getElementById && !document.all; // 这段是为了兼容火狐， w3c 标准
if(firefox==true){
demo1 = document.getElementById("demo1");
demo2 = document.getElementById("demo2");
piclist = document.getElementById("piclist");
}*/

demo2.innerHTML=demo1.innerHTML

function Marquee(){
if(demo2.offsetWidth-piclist.scrollLeft<=0)
piclist.scrollLeft-=demo1.offsetWidth
else{
piclist.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed3)
piclist.οnmοuseοver=function() {clearInterval(MyMar)}
piclist.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed3)}

但在我的浏览器上不能完成对火狐的调试，既然问题出现在

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

那一定有其它的判断方法，网上搜索后找到了我想要的

if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){
return "Firefox";
}

稍做修改完成了图片滚动的特效

if(navigator.userAgent.indexOf("FireFox")>0)

{

Demo1 = document.getElementById("demo1"); //非w3c标准要找到表单，必须是要用getElementById("XX");

Demo2 = document.getElementById("demo2");

piclist = document.getElementById("piclist ");

}

else

{

Demo2.innerHTML=demo1.innerHTML

}

在ie6与火狐下均可运行正常,并且找到了一个小但非常好用的JS调试器Companion.JS才300K大家可以安装试用一下

地址:http://www.my-debugbar.com/wiki/CompanionJS/HomePage

[@more@]

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/13380151/viewspace-1023860/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/13380151/viewspace-1023860/