如何讓你的文字在網頁中動起來！_DedeCms教程

2024-08-30 19:09:57

字體：大中小

來源：轉載

供稿：網友

事情是這樣的，在做模板的時候，當時需要做一個文字向上滾動的效果，當時的第一反應就是js控制來實現。為了節約時間，本能的就在百度上開始搜索，很快就搜索幾個答案來，于是找來一段最簡潔的代碼來套用。很快這個效果就最好了。（這里我想提出一點的是，很多新手朋友在遇到問題和困惑的時候都不用搜索，而是在論壇重復的發一些別人已經問過很多次的問題，這樣很不好。）
按理說事情就到此可以劃上句號了，昨天中午休息時沒什么事就隨便拿來本html入門的書看看。無意中發現有一篇里寫道“如何控制文字中網頁中移動”的文章。于是就認真看了一下。發現和自己前一天在網上找到代碼一模一樣。
很是感嘆啊。自己以前看過的書的內容里都有，為什么自己還會去百度搜索呢？這讓我好想了一段時間。感覺自己是那么多膚淺，連基本入門的知識都要百度搜索。如果當時自己是記得代碼的寫法又能節約多少時間呢？
想來想去還是基礎的學的不好，從中可以引出，我們在學習dedecms的時候，一些基礎的教程是必看的。是不能不看的，比如一些后臺的使用等等，其實很多朋友都是因為對后臺的不熟悉而困擾自己，影響自己做站點進度。還有很多類似的情況都是如此。所以我在這里希望能和大家一起學習。一起進度。一起慢慢的成長！

下面我把代碼共享出來：

<MARQUEE scrollAmount=1 scrollDelay=75 direction=up height=143><ul>
<li>臨晨2點30：蕭湘月的博客--www.2d30.cn</li>
<li>臨晨2點30：蕭湘月的博客--www.2d30.cn</li>
<li>臨晨2點30：蕭湘月的博客--www.2d30.cn</li>
<li>臨晨2點30：蕭湘月的博客--www.2d30.cn</li>
<li>臨晨2點30：蕭湘月的博客--www.2d30.cn</li>
 </ul></MARQUEE>

以上是縱向滾動效果代碼

移動屬性值主要的有幾個內容：

移動方向 <direction=#>
速度 <scrollamount=#>
方式 <bihavior=#>
循環 <loop=#>
延時 <scrolldelay=#>

移動方向
direction=left 從右向左移
direction=right 從左向右移
direction=down 從上向下移
direction=up 從下向上移

文字從右向左移
<marquee direction=left scrollAmount=2>

文字從右向左移！</marquee>

移動方向-文字從左向右移的代榪。
<marquee direction=right scrollAmount=2>

文字從左向右移！！</marquee>

移動方向-文字從上向下移的代碼：
<marquee direction=direction=down scrollAmount=2>
<CENTER>
文字從上向下移！！</CENTER></marquee>

移動方向-文字從下向上移！的代碼：
<marquee direction=up scrollAmount=2>
<CENTER>
文字從下向上移！！！</CENTER></marquee>

文字來回走代碼:
<marquee behavior=alternate scrollAmount=8>

文字來回走耶！！！</marquee>

移動速度 <scrollamount=#>

移動速度設置數值小就走得慢的代碼：
<marquee direction=left scrollAmount=2>

scrollAmount=2移動速度設置數值小就走得慢！！</marquee>

移動速度設置數值大就走得快！的代碼：
<marquee direction=left scrollAmount=8> scrollAmount=8移動速度設置數值大就走得快！！</marquee>

文字上下移動代碼：

<MARQUEE scrollAmount=5 direction=up behavior=alternate height=60>
<center>文字上下移動</center></marquee>

上一篇：DedeCMS V5.3 常用問題手冊發布_DedeCms教程

下一篇：關于DedeCMS V5.3的系統安裝教程_DedeCms教程