真正的连续滚动图片

代码:

< SCRIPT language = JavaScript >  
function  marquee1() 

document.write(
" <div style='width:100%;overflow:hidden;' id=marquee οnmοuseοver=clearInterval(repeat) οnmοuseοut=repeat=setInterval(scrollMarquee,1)> "

function  marquee2() 

document.write(
" </div> "
marquee.childNodes[
0 ].align = ' left ' ;

if (marquee.childNodes[ 0 ].offsetWidth > marquee.offsetWidth) {
marquee.appendChild(marquee.childNodes[
0 ].cloneNode( true ));
}
else  {
for ( var  i = 0 ;i < Math.round(marquee.offsetWidth / marquee.childNodes[ 0 ].offsetWidth) + 1 ;i ++ ) {
marquee.appendChild(marquee.childNodes[
0 ].cloneNode( true ));
}
}
repeat
= setInterval(scrollMarquee, 1 );

function  scrollMarquee() {
if (marquee.scrollLeft < marquee.childNodes[ 0 ].offsetWidth)
marquee.scrollLeft
++ ;
else  
marquee.scrollLeft
= 0 ;

</ SCRIPT >

< SCRIPT language = JavaScript > marquee1(); </ SCRIPT >
< table width = " 300 "  border = " 0 "  cellspacing = " 0 "  cellpadding = " 0 " >
< tr >


< td >< a href =/ picture / 00000133 .asp target = _blank  >< img border = 0  height = 67  src = " http://www.51sql.com/articleimg/gundong1.jpg "  alt = " 图片8 "   ></ a ></ td >

< td >< a href =/ picture / 00000132 .asp target = _blank  >< img border = 0  height = 67  src = " http://www.51sql.com/articleimg/gundong2.jpg "  alt = " 图片7 "   ></ a ></ td >

< td >< a href =/ picture / 00000131 .asp target = _blank  >< img border = 0  height = 67  src = " http://www.51sql.com/articleimg/gundong3.jpg "  alt = " 图片6 "   ></ a ></ td >

< td >< a href =/ picture / 00000130 .asp target = _blank  >< img border = 0  height = 67  src = " http://www.51sql.com/articleimg/gundong4.gif "  alt = " 图片5 "   ></ a ></ td >

< td >< a href =/ picture / 00000129 .asp target = _blank  >< img border = 0  height = 67  src = " http://www.51sql.com/articleimg/gundong4.gif "  alt = " 图片4 "   ></ a ></ td >

< td >< a href =/ picture / 00000128 .asp target = _blank  >< img border = 0  height = 67  src = " http://www.51sql.com/articleimg/gundong3.jpg "  alt = " 图片3 "   ></ a ></ td >

< td >< a href =/ picture / 00000127 .asp target = _blank  >< img border = 0  height = 67  src = " http://www.51sql.com/articleimg/gundong2.jpg "  alt = " 图片2 "   ></ a ></ td >

< td >< a href =/ picture / 00000126 .asp target = _blank  >< img border = 0  height = 67  src = " http://www.51sql.com/articleimg/gundong1.jpg "  alt = " 图片1 "   ></ a ></ td >


</ tr >
</ table >
< SCRIPT language = JavaScript > marquee2();  </ SCRIPT >
 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值