手机
当前位置:查字典教程网 >CMS教程 >dedecms >DEDECMS循环滚动图片制作教程
DEDECMS循环滚动图片制作教程
摘要:关键字描述:制作教程图片滚动循环"设定字幕用于behavior之前也有人发了很多关于DEDECMS模版DEDECMS循环滚动图片制作...

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

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

演示地址是:www.jb51.net

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

将<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.jb51.net

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

align:是设定活动字幕的位置,除了居左、居中、居右三种位置外,又增加靠上(top)和靠下(bottom)两种位置。

Direction:用于设定活动字幕的滚动方向是向左(left)、向右(right)、向上(up)、向下(down)。

Behavior:用于设定滚动的方式,主要由三种方式:

behavior="scroll"表示由一端滚动到另一端;默认为此项

behavior="slide":表示由一端快速滑动到另一端,且不再重复;

behavior="alternate"表示在两端之间来回滚动。

Height:用于设定滚动字幕的高度。

Width:则设定滚动字幕的宽度。

Hspace和vspace:分别用于设定滚动字幕的左右边框和上下边框的宽度.

Scrollamount:用于设定活动字幕的滚动距离。数值越小,滚动的速度就越快。

scrolldelay:用于设定滚动两次之间的延迟时间,数值越小,间隔就越小。

Loop:用于设定滚动的次数,当loop=-1表示一直滚动下去,直到页面更新。

其中默认情况是向左滚动无限次,字幕高度是文本高度;

滚动觉得不错的朋友记得回帖帮我顶一下!

【DEDECMS循环滚动图片制作教程】相关文章:

DEDE登陆后台很慢的原因分析与解决方法

DEDECMS的DIGG功能

DEDECMS后台无法登陆并跳转回登陆界面的解决方法

dedecms首页幻灯片显示问题帮助教程

DEDECMS的20位MD5加密密文解密示例介绍

DEDECMS调用指定栏目下tag标签的方法

DEDECMS v5.3 发布图集时不能获取缩略图的解决办法

DEDCMS V5.3/V5.5 默认图片上传路径修改办法

织梦DedeCMS各种自定义当前位置顺序的方法

DedeCMS系统自定义字段图片调用问题的解决方法

精品推荐
分类导航