dedecms首页实现文章纵向滚动方法
发布时间：2013-02-07 23:48:15作者：知识屋
前不久日子如意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>
这时你可以在网站后台更新一下首页，进行浏览并且刷瓣首页面，文章现在已经向上循环滚动起来了。
第一步：增加一条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>
这时你可以在网站后台更新一下首页，进行浏览并且刷瓣首页面，文章现在已经向上循环滚动起来了。
（免责声明：文章内容如涉及作品内容、版权和其它问题，请及时与我们联系，我们将在第一时间删除内容，文章内容仅供参考）
相关知识
软件推荐
更多 >
-
1帝国CMS统一修改已添加内容页存放目录修改成自定义的方法
2014-11-19
-
2
怎么找回退出的QQ群的群号？
-
3
Winpcap是什么 Winpcap有什么用？
-
4
jsp文件怎么打开?
-
5
百度权重之我见~ 百度权重的等级划分
-
6
DEDE关于列表页分页和内容页分页与CSS不对应，错位的问题-DedeCM
-
7
怎样去掉dedecms【织梦】后台的安全提示？
-
8
帝国CMS 后台在线编辑CSS扩展修改教程！(建议收藏)
-
9
修改Dede友情链接dede:flink
-
10
nginx做下载服务器配置一例
