网页连续滚动图片


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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值