javascript:
var speed=50;
var tab=document.getElementByIdx_x_x("gd");
var tab1=document.getElementByIdx_x_x("gdcont");
var tab2=document.getElementByIdx_x_x("gdcont2");
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.οnmοuseοver=function() {clearInterval(MyMar)};
tab.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)};
//------------------------------
css:
#gd {
background: #FFF;
overflow:hidden;
border: 1px dashed #CCC;
width: 500px;
}
#gd img {
border: 3px solid #F2F2F2;
}
#ingd {
float: left;
width: 800%;
}
#gdcont,#gdcont2 {
float: left;
}
#gdcont IMG ,#gdcont2 IMG {
width:100px;height:130px
}
//------------------------------
页面
<div id="gd">
<div id="ingd">
<div id="gdcont">
<a href="a1.html"><img border="0"></div>
<a href="a2.html"><img border="0"></div>
<a href="a3.html"><img border="0"></div>
<a href="a4.html"><img border="0"></div>
<a href="a5.html"><img border="0"></div>
</div>
<div id="gdcont2">
</div>
</div>