内容显示页

图片连续无间隙向上滚动，无间隙向下滚动，符合W3C Web标准

类别：JavaScript　|　浏览(183)　|　2008-7-18 23:34:22　|　关闭广告

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>图片连续无间隙向上滚动，无间隙向下滚动，符合W3C Web标准</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> </head> <body> <div id="demo" style="float:left;overflow: hidden; height: 100px;margin-top:10px; margin-bottom:10px;"> <div id="demo1"> <li><a href="http://www.yongfa365.com/">柳永法0</a></li> <li><a href="http://www.yongfa365.com/">柳永法1</a></li> <li><a href="http://www.yongfa365.com/">柳永法2</a></li> <li><a href="http://www.yongfa365.com/">柳永法3</a></li> <li><a href="http://www.yongfa365.com/">柳永法4</a></li> </div> <div id="demo2"></div> </div> <div id="demo01" style="float:left;overflow: hidden; height: 100px;margin-top:10px; margin-bottom:10px;"> <div id="demo11"> <li><a href="http://www.yongfa365.com/">柳永法0</a></li> <li><a href="http://www.yongfa365.com/">柳永法1</a></li> <li><a href="http://www.yongfa365.com/">柳永法2</a></li> <li><a href="http://www.yongfa365.com/">柳永法3</a></li> <li><a href="http://www.yongfa365.com/">柳永法4</a></li> </div> <div id="demo21"></div> </div> <script type="text/javascript" language="JavaScript"> totop("demo","demo1","demo2",40,"hehe1sdf12weq3") todown("demo01","demo11","demo21",40,"hehe1sdf112weq3") function $(id) { return document.getElementById(id) } //向上滚动函数，demo包含demo1与demo2,speed是滚动速度，flag一个网页内有多个时设置为不同的任意字符。 //by 柳永法(yongfa365)'Blog　www.yongfa365.com function totop(demo,demo1,demo2,speed,flag) { demo=$(demo); demo1=$(demo1); demo2=$(demo2) demo2.innerHTML=demo1.innerHTML function Marquee() { if(demo2.offsetTop-demo.scrollTop<=0) { demo.scrollTop-=demo1.offsetHeight }else { demo.scrollTop++ } } flag=setInterval(Marquee,speed) demo.onmouseover=function () { clearInterval(flag); } demo.onmouseout=function () { flag=setInterval(Marquee,speed); } } //向下滚动函数，demo包含demo1与demo2,speed是滚动速度，flag一个网页内有多个时设置为不同的任意字符。 //by 柳永法(yongfa365)'Blog　www.yongfa365.com function todown(demo,demo1,demo2,speed,flag) { demo=$(demo); demo1=$(demo1); demo2=$(demo2) demo2.innerHTML=demo1.innerHTML function Marquee() { if(demo.scrollTop<=0) { demo.scrollTop=demo2.offsetHeight }else { demo.scrollTop-- } } flag=setInterval(Marquee,speed) demo.onmouseover=function () { clearInterval(flag); } demo.onmouseout=function () { flag=setInterval(Marquee,speed); } } </script> </body> </html>
可修改代码后再运行

网上好像有一个不错的：http://www.sifung.com/pages/693.shtm

引用本页地址：http://www.yongfa365.com/item/TuPianLianXuWuJianXiXiangShangGunDongWuJianXiXiangXiaGunDongFuHeW3CWebBiaoZhun.html

上一篇：如何让老板给你加工资
下一篇：勇气不足是大学生创业最大软肋