求js一排多张图片向上滚动代码!不是单张的是多张的!

JavaScript010

求js一排多张图片向上滚动代码!不是单张的是多张的!,第1张

假设你要滚动的图片的id是"pic1"-"picn"n>=1

function Slide()

{

for (i=1i<=ni++) //n是图片数

{

idd="pic"+i //生成图片ID

toppx=parseInt(document.getElementById(idd).style.top.replace('px', '')) //获取图片top属性,并去掉属性之后的px,并转换成整型变量

toppx--// top-1

if (toppx==???)//???是一个数字,当图片完全滚出显示范围,就把图片的top变成一个图片群(多行pic)下方的位置,实现循环滚动

{

toppx=???//图片群的下方的位置

}

document.getElementById(idd).style.top=toppx+'px' //新的top值送回图片,实现上滚

}

}

另外记得,这样写,需要把图片的top属性写在html里面,写在css里面是读不到的,但是这样写避免了不同浏览器中获取css中属性的方法不同的问题,有利有弊。

当需要滚动时执行:s=setInterval('Slide()',50)

当需要停止滚动时执行:window.clearInterval(s)

最后的代码中,滚动的步长改为1

<script>

window.onload=function(){

  new Marquee(

    "scroll",  //容器ID<br />

    0,  //向上滚动(0向上 1向下 2向左 3向右)<br />

    1,  //滚动的步长<br />

    173,  //容器可视宽度<br />

    149,  //容器可视高度<br />

    50,  //定时器 数值越小,滚动的速度越快(1000=1秒,建议不小于20)<br />

    1000,  //间歇停顿时间(0为不停顿,1000=1秒)<br />

    1000,  //开始时的等待时间(0为不等待,1000=1秒)<br />

   143//间歇滚动间距(可选)<br />

    )

  }

</script>