主頁 > 網站建設 > 建站知識 > DEDECMS循環(huán)滾動圖片制作教程

DEDECMS循環(huán)滾動圖片制作教程

POST TIME:2020-04-09 00:11

關鍵字描述：制作 教程 圖片 滾動 循環(huán) " 設定 字幕 用于 behavior

之前也有人發(fā)了很多關于DEDECMS模版DEDECMS 循環(huán)滾動圖片制作的貼子，但是都沒有詳細的介紹，造成很多新手不知如何入手，如何將代碼插到哪個位置，下面為大家詳細的介紹下：

演示地址是: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表示一直滾動下去，直到頁面更新。
其中默認情況是向左滾動無限次，字幕高度是文本高度；
滾動覺得不錯的朋友記得回帖幫我頂一下！


收縮
  • 微信客服
  • 微信二維碼

  • 電話咨詢

  • 400-1100-266