当前日期时间
当前时间:
网站标志
Logo
全站搜索
广告位
phpweb图片广告
广告位
phpweb图片广告
自定内容

phpweb已经是国内最强的的开源电子商务系统了,但并非完美,因为任何...

互联网3年一轮回,京东凡客等电商品牌在三年之前也不过是小打小闹,而如...

电商已经成为趋势,传统行业的竞争已经逐渐演变到网络上,也有不少用Weboss...

phpweb系统是固定的模式,适用于大部分行业与需求。但有一些行业还是有自己...

当前位置
文章正文

phpweb图片产品轮播跑马灯效果不连贯停顿解决方法

发表:管理员  发表时间:2013-07-30 13:42:53   阅读:(2929)次  

phpweb 图片产品轮播跑马灯效果 不连贯 ,停顿解决方法。

滚动有时候不滚,分析代码 原因如下:

如果 容器的宽度大于 内容的2倍。就会出现此状况

 

解决方法:

<script>
var speeda=20;
var GDa=document.getElementById(‘demoa’);
var GD1a=document.getElementById(‘demo1a’);
var GD2a=document.getElementById(‘demo2a’);
GD2a.innerHTML=GD1a.innerHTML;
function Marqueea(){
if(GD2a.offsetWidth-GDa.scrollLeft<=0){
GDa.scrollLeft-=GD1a.offsetWidth;
}else{
GDa.scrollLeft++;
}
}
var MyMara=setInterval(Marqueea,speeda);
GDa.onmouseover=function() {clearInterval(MyMara);}
GDa.onmouseout=function() {MyMara=setInterval(Marqueea,speeda);}
</script>

demo的宽度 小于 显示条数* 缩图宽度

脚注信息
© 2005-2015 草莓互联(100cm.cn) 广州同福信息科技有限公司 版权所有,并保留所有权利。

广州市东莞庄一横路116号 粤ICP备11046216号-7

经营性网站备案信息 广州网络警察报警平台 不良信息举报中心  百度信誉档案 广州工商红盾网 可信网站认证