如何讓你的文字在網(wǎng)頁中動起來！_DedeCms教程

2024-08-30 19:09:57

字體：大中小

供稿：網(wǎng)友

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

下面我把代碼共享出來：

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

以上是縱向滾動效果代碼

移動屬性值主要的有幾個內(nèi)容：

移動方向 <direction=#>
速度 <scrollamount=#>
方式 <bihavior=#>
循環(huán) <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=#>

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

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

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

文字上下移動代碼：

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

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

下一篇：關(guān)于DedeCMS V5.3的系統(tǒng)安裝教程_DedeCms教程