关于图像文章垂直无缝连接滚动——JS实现

时间:2023-03-09 19:48:34
关于图像文章垂直无缝连接滚动——JS实现

<!--
作者:chenyehuacecil@163.com
时间:2015-02-04
描述:实现整篇文章从下到上的无缝连接滚动
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无缝垂直文章图片滚动</title>
</head>
<body>
<div id=demo style=overflow:hidden;height:100;width:180;>
<div id=demo1>

<p class="article" onclick="javascript:window.open(this.src);">
2015年2月3日,北京胡润研究院发布《2015星河湾胡润全球富豪榜》。上榜富豪的财富计算截止日期为2015年1月17日。这是胡润研究院连续第四年发布“全球富豪榜”。
《2015星河湾胡润全球富豪榜》共计来自68个国家的2089位十亿美金富豪上榜,比去年增加222人,达历年最高。649位财富比去年增长。341位新上榜者。230位财富与去年保持不变。869位财富缩水。去年上榜的95位富豪今年跌出了榜单。尽管上榜人数增加了222人,上榜富豪的总财富比去年下降1.5%,为41万亿人民币,但仍超过日本和韩国的GDP总和。上榜富豪的平均年龄为64岁,与去年相同[2] 。
2015年,胡润研究院采取计分的形式来划分富豪们财富继承或是白手起家的等级。从1级到5级,1级表示完全继承家族财富,自身并未积极参与,5级表示在没有父母帮助下白手起家。白手起家的4级和5级中,25%是女性。1级中,72%都是女性。2级中的大多数中国人都来自香港。69%的上榜富豪都是白手起家,另外19%大体上也是白手起家,他们继承小企业,并将其发展壮大。在31%的继承财富的上榜富豪中,82位(4%)是富过三代的,这82位来自52家公司。
</p>
</div>
<div id=demo2></div>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>
</body>
</html>