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

这样的一排... 这样的一排 展开
 我来答
圣僧不望尘寰
推荐于2017-07-25 · 超过14用户采纳过TA的回答
知道答主
回答量:50
采纳率:0%
帮助的人:36.9万
展开全部
假设你要滚动的图片的id是"pic1"-"picn" n>=1

function Slide()
{
for (i=1;i<=n;i++) //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);
追问
我咋看不明白你的啊
追答
你不懂JS?只要间隔一段时间修改一下图片css属性的top,就能实现滚动。

s=setInterval('Slide()',50);就是每隔50ms执行一次上面的Slide函数
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式