dedecms讓你的文字在網頁中動起來
2024-07-12 08:51:27
供稿：網友
關鍵字描述：起來 網頁 文字 < direction 移動 代碼 scrollAmount
這幾天一直忙著給人做模板，在上一個模板制作過程中有點感悟，發現不管在時候學習基礎知識的重要！
事情是這樣的，在做模板的時候，當時需要做一個文字向上滾動的效果，當時的第一反應就是js控制來實現。為了節約時間，本能的就在百度上開始搜索，很快就搜索幾個答案來，于是找來一段最簡潔的代碼來套用。很快這個效果就最好了。（這里我想提出一點的是，很多新手朋友在遇到問題和困惑的時候都不用搜索，而是在論壇重復的發一些別人已經問過很多次的問題，這樣很不好。）
按理說事情就到此可以劃上句號了，昨天中午休息時沒什么事就隨便拿來本html入門的書看看。無意中發現有一篇里寫道“如何控制文字中網頁中移動”的文章。于是就認真看了一下。發現和自己前一天在網上找到代碼一模一樣。
很是感嘆啊。自己以前看過的書的內容里都有，為什么自己還會去百度搜索呢？這讓我好想了一段時間。感覺自己是那么多膚淺，連基本入門的知識都要百度搜索。如果當時自己是記得代碼的寫法又能節約多少時間呢？
想來想去還是基礎的學的不好，從中可以引出，我們在學習dedecms的時候，一些基礎的教程是必看的。是不能不看的，比如一些后臺的使用等等，其實很多朋友都是因為對后臺的不熟悉而困擾自己，影響自己做站點進度。還有很多類似的情況都是如此。所以我在這里希望能和大家一起學習。一起進度。一起慢慢的成長！
下面我把代碼共享出來：
<MARQUEE scrollAmount=1 scrollDelay=75 direction=up height=143><ul>
<li>臨晨2點30：俠客站長站--www.survivalescaperooms.com</li>
<li>臨晨2點30：俠客站長站--www.survivalescaperooms.com</li>
<li>臨晨2點30：俠客站長站--www.survivalescaperooms.com</li>
<li>臨晨2點30：俠客站長站--www.survivalescaperooms.com</li>
<li>臨晨2點30：俠客站長站--www.survivalescaperooms.com</li>
</ul></MARQUEE>
以上是縱向滾動效果代碼
移動屬性值主要的有幾個內容：
移動方向 <direction=#>
速度 <scrollamount=#>
方式 <bihavior=#>
循環 <loop=#>
延時 <scrolldelay=#>
移動方向
direction=left 從右向左移
direction=right 從左向右移
direction=down 從上向下移
direction=up 從下向上移
文字從右向左移
<marquee direction=left scrollAmount=2>
<font style=font:15pt face=黑體 color=fff000>
文字從右向左移！</font></marquee>
移動方向-文字從左向右移的代榪。
<marquee direction=right scrollAmount=2>
<font style=font:15pt face=黑體 color=fff000>
文字從左向右移??！</font></marquee>
移動方向-文字從上向下移的代碼：
<marquee direction=direction=down scrollAmount=2>
<font style=font:15pt face=黑體 color=fff000><CENTER>
文字從上向下移！！</font></CENTER></marquee>
移動方向-文字從下向上移！的代碼：
<marquee direction=up scrollAmount=2>
<font style=font:15pt face=黑體 color=fff000><CENTER>
文字從下向上移！??！</CENTER></font></marquee>
文字來回走代碼:
<marquee behavior=alternate scrollAmount=8>
<font style=font:15pt face=黑體 color=fff000>
文字來回走耶?。?！</font></marquee>
移動速度 <scrollamount=#>
移動速度設置數值小就走得慢的代碼：
<marquee direction=left scrollAmount=2>
<font style=font:15pt face=黑體 color=fff000>
scrollAmount=2移動速度設置數值小就走得慢！！</font></marquee>
移動速度設置數值大就走得快！的代碼：
<marquee direction=left scrollAmount=8> <font style=font:15pt face=黑體 color=fff000>scrollAmount=8移動速度設置數值大就走得快?。?lt;/font></marquee>
文字上下移動代碼：
<font size=5 face=隸書 color=lime>
<MARQUEE scrollAmount=5 direction=up behavior=alternate height=60>
<center>文字上下移動</center></marquee>
