冒险村物语
英雄无敌3塔防
驾考家园手游

dedecms首页实现文章纵向滚动方法

2013-02-07

前不久日子如意seo建站工作室给客户做了一个企业网站，一个首页实现文章调用，而且纵向滚动显示的调用代码现在分享给大家学习。

第一步：增加一条css语句：

#demo { overflow:hidden; height:160px; width:360px; margin:6px 0px;}

第二步：在调用文章列表的位置插入以下调用代码和js脚本代码：

<div id=demo>
<div id=demo1>
{dede:arclist row='50' titlelen='38' orderby='pubdate' typeid='26,31' idlist=''}
·[field:textlink/]<br/>
{/dede:arclist}
</div>
<div id=demo2></div>
</div>
<script>
var speed=30
demo2.innerHTML=demo1.innerHTML //www.guoruyi.com如意工作室提供
function Marquee(){
//当滚动至demo1与demo2交界时
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight //demo跳到最顶端
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)//设置定时器
//鼠标移上时清除定时器达到滚动停止的目的
demo.onmouseover=function() {clearInterval(MyMar)}
//鼠标移开时重设定时器
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}
</script>
</div>

这时你可以在网站后台更新一下首页，进行浏览并且刷瓣首页面，文章现在已经向上循环滚动起来了。

（免责声明：文章内容如涉及作品内容、版权和其它问题，请及时与我们联系，我们将在第一时间删除内容，文章内容仅供参考）