[网站建设]图片无缝滚动代码

一\图片无缝向左滚动代码

1\在需要滚动的页面先加入(这里需要修改高宽)

<style type="text/css"><!--

#demo {

  overflow:hidden;

  height: 155px;

 width: 776px;

 margin: 0 px;

}

#demo img {

 border: 3px solid #F2F2F2;

}

#indemo {

 float: left;

 width: 800%;

}

#demo1 {

 float: left;

}

#demo2 {

 float: left;

}-->

</style>

在图片滚动位置加入

 <div id="demo">

<div id="indemo">

<div id="demo1"><table align=left cellpadding=0 cellspace=0 border=0><tr><td id=demo1 valign=top>

 &#123;&#36;ReadArticlePic(1,0,0,0,6,6,16,1,120,110,1,0)&#125;//(这里请替换图片或文字标签,http://54cr.cn提供)

</td><td id=demo2 valign=top></td></tr></table></div>

<div id="demo2"></div>

</div>

</div>

<script>

<!--

var speed=30;

var tab=document.getElementById("demo");

var tab1=document.getElementById("demo1");

var tab2=document.getElementById("demo2");

tab2.innerHTML=tab1.innerHTML;

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)};

tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};

-->

</script>