織夢dedecms怎么制作循環滾動圖片

2024-07-12 09:10:24

字體：大中小

來源：轉載

供稿：網友

在織夢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表示一直滾動下去，直到頁面更新。
其中默認情況是向左滾動無限次，字幕高度是文本高度；

上一篇：修改織夢dedecms首頁中的字體顏色

下一篇：DedeCMS全站自動添加關鍵字鏈接的方法