DEDECMS循环滚动图片制作教程

框架(架构)  /  管理员 发布于 7年前   196

关键字描述：制作 教程 图片 滚动 循环 " 设定 字幕 用于 behavior

之前也有人发了很多关于DEDECMS模版DEDECMS 循环滚动图片制作的贴子，但是都没有详细的介绍，造成很多新手不知如何入手，如何将代码插到哪个位置，下面为大家详细的介绍下：

演示地址是:

第一步：找到图文资讯代码的位置

将<marquee onMouseOver="this.stop()" onMouseOut="this.start()" align=center direction=right scrollamount=1.5 scrolldelay=3 valign=middle behavior="alternate"> 代码插入
{dede:arclist row=5 titlelen=20 orderby=pubdate type='image.' imgwidth='152' imgheight='98' typeid='11' } 的前面

即

<marquee onMouseOver="this.stop()" onMouseOut="this.start()" align=center direction=right scrollamount=1.5 scrolldelay=3 valign=middle behavior="alternate">
{dede:arclist row=5 titlelen=20 orderby=pubdate type='image.' imgwidth='152' imgheight='98' typeid='11' }


第二步：
将</marquee>插入{/dede:arclist}的后面即可实现滚动

即：</marquee>{/dede:arclist}


演示地址是:


下面为大家讲解一下滚动的主要参数设置：

align：是设定活动字幕的位置，除了居左、居中、居右三种位置外，又增加靠上（top）和靠下（bottom）两种位置。
Direction：用于设定活动字幕的滚动方向是向左（left）、向右（right）、向上（up）、向下（down）。
Behavior：用于设定滚动的方式，主要由三种方式：
behavior="scroll"表示由一端滚动到另一端；默认为此项
behavior="slide":表示由一端快速滑动到另一端，且不再重复；
behavior="alternate"表示在两端之间来回滚动。
Height：用于设定滚动字幕的高度。
Width：则设定滚动字幕的宽度。
Hspace和vspace：分别用于设定滚动字幕的左右边框和上下边框的宽度.
Scrollamount：用于设定活动字幕的滚动距离。数值越小，滚动的速度就越快。
scrolldelay：用于设定滚动两次之间的延迟时间，数值越小，间隔就越小。
Loop：用于设定滚动的次数，当loop=-1表示一直滚动下去，直到页面更新。
其中默认情况是向左滚动无限次，字幕高度是文本高度；
滚动觉得不错的朋友记得回帖帮我顶一下！