不间断连续图片滚动效果的制作方法.doc
上传人:sy****28 上传时间:2024-09-12 格式:DOC 页数:10 大小:66KB 金币:16 举报 版权申诉
预览加载中,请您耐心等待几秒...

不间断连续图片滚动效果的制作方法.doc

不间断连续图片滚动效果的制作方法.doc

预览

在线预览结束,喜欢就下载吧,查找使用更方便

16 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

不间断连续图片滚动效果的制作方法先制作向上滚动的效果:插入代码:<!--指向链接图片url--><basehref="http://www.it365cn.com"><divid=demostyle=overflow:hidden;height:150;width:90;background:#214984;color:#ffffff><divid=demo1><!--定义图片--><imgsrc="images/logo_1.gif"><imgsrc="images/logo/flashempire.gif"><imgsrc="images/logo.gif"><imgsrc="images/logo/5dmedia.gif"><imgsrc="images/logo/macromedia.gif"><imgsrc="images/logo/sucaiw.gif"><imgsrc="images/logo/blueieda.gif"><imgsrc="images/logo/htmlcn.gif"><imgsrc="images/logo/fwcn.gif"></div><divid=demo2></div></div><script>varspeed=30demo2.innerHTML=demo1.innerHTMLfunctionMarquee(){if(demo2.offsetTop-demo.scrollTop<=0)demo.scrollTop-=demo1.offsetHeightelse{demo.scrollTop++}}varMyMar=setInterval(Marquee,speed)demo.onmouseover=function(){clearInterval(MyMar)}demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}</script>制作向下滚动的效果:将上面“制作向上滚动的效果”中的红色字体Js部分替换成:<script>varspeed=30demo2.innerHTML=demo1.innerHTMLdemo.scrollTop=demo.scrollHeightfunctionMarquee(){if(demo1.offsetTop-demo.scrollTop>=0)demo.scrollTop+=demo2.offsetHeightelse{demo.scrollTop--}}varMyMar=setInterval(Marquee,speed)demo.onmouseover=function(){clearInterval(MyMar)}demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}</script>制作向左滚动的效果:<basehref="http://www.it365cn.com"><divid=demostyle=overflow:hidden;height:33;width:500;background:#214984;color:#ffffff><tablealign=leftcellpadding=0cellspace=0border=0><tr><tdid=demo1valign=top><imgsrc="images/logo_1.gif"><imgsrc="images/logo/flashempire.gif"><imgsrc="images/logo.gif"><imgsrc="images/logo/5dmedia.gif"><imgsrc="images/logo/macromedia.gif"><imgsrc="images/logo/sucaiw.gif"><imgsrc="images/logo/blueieda.gif"><imgsrc="images/logo/htmlcn.gif"><imgsrc="images/logo/fwcn.gif"></td><tdid=demo2valign=top></td></tr></table></div><script>varspeed=30demo2.innerHTML=demo1.innerHTMLfunctionMarquee(){if(demo2.offsetWidth-demo.scrollLeft<=0)demo.scrollLeft-=demo1.offsetWidthelse{demo.scro