var speed=10;
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML; //1.
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0){
tab.scrollLeft-=tab1.offsetWidth
}else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};//2.
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};//3最近加了一段图片无缝轮播JS代码到页面里面,本地调试都是通过了
上传之后,发现轮播不执行。用Chrome调试时候发现,
//1这段是执行过的
//2这段用Alert输出也是可行的
//3中的方法调用出了问题,speed是存在的,Marquee的调用却没有执行为了避免路径,大小写问题,我把页面、CSS、js拷贝到本地,重组调试依然可行
上传到服务器后还是不行,在线等大神点拨.....
var tab=document.getElementById("demo");
var tab1=document.getElementById("demo1");
var tab2=document.getElementById("demo2");
tab2.innerHTML=tab1.innerHTML; //1.
function Marquee(){
if(tab2.offsetWidth-tab.scrollLeft<=0){
tab.scrollLeft-=tab1.offsetWidth
}else{
tab.scrollLeft++;
}
}
var MyMar=setInterval(Marquee,speed);
tab.onmouseover=function() {clearInterval(MyMar)};//2.
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};//3最近加了一段图片无缝轮播JS代码到页面里面,本地调试都是通过了
上传之后,发现轮播不执行。用Chrome调试时候发现,
//1这段是执行过的
//2这段用Alert输出也是可行的
//3中的方法调用出了问题,speed是存在的,Marquee的调用却没有执行为了避免路径,大小写问题,我把页面、CSS、js拷贝到本地,重组调试依然可行
上传到服务器后还是不行,在线等大神点拨.....
估计也是可以进入的。类似问题我解决过(连扒的代码都是一样的),问题在CSS上,宽度不够。但和你这个现象好像不完全一样。
建议找个好的滚动类,不要用这个,非常不可靠。