html中多个图片轮播代码怎么写,html里30张多图片轮播代码

满意答案

jolinoo7

2013.06.12

采纳率：55%    等级：12

已帮助：10864人

图片滚动

#div1 {position:relative;width:650px;height:210px;overflow:hidden; }

#div2{position:absolute;}

li{float:left;list-style-type:none;padding:5px;}

img{border:none;}

a{position:relative;}

window.οnlοad=function()

{

var odiv2=document.getElementById('div2');

var ali=odiv2.getElementsByTagName('li');

var aspeed=-5;

odiv2.innerHTML+=odiv2.innerHTML;

odiv2.style.width=ali[0].offsetWidth*ali.length+'px';

setInterval(function()

{

odiv2.style.left=odiv2.offsetLeft+aspeed+'px';

if (odiv2.offsetLeft

{

odiv2.style.left='0px';

}

},30);};

}

414分享举报