找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1687|回复: 0

[分享] DEDECMS循环滚动图片制作教程

[复制链接]
发表于 2018-3-15 14:03:59 | 显示全部楼层 |阅读模式 来自 中国–河南–新乡
关键字描述:制作 教程 图片 滚动 循环 " 设定 字幕 用于 behavior

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

演示地址是:www.

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

将<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}


演示地址是:www.


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

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

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-11-22 13:11 , Processed in 0.040382 second(s), 8 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表