主頁 > 網(wǎng)站建設 > 建站知識 > dedecms讓你的文字在網(wǎng)頁中動起來

dedecms讓你的文字在網(wǎng)頁中動起來

POST TIME:2020-04-08 22:45

關鍵字描述：起來 網(wǎng)頁 文字 <   direction 移動 代碼 scrollAmount

這幾天一直忙著給人做模板，在上一個模板制作過程中有點感悟，發(fā)現(xiàn)不管在時候學習基礎知識的重要！

事情是這樣的，在做模板的時候，當時需要做一個文字向上滾動的效果，當時的第一反應就是js控制來實現(xiàn)。為了節(jié)約時間，本能的就在百度上開始搜索，很快就搜索幾個答案來，于是找來一段最簡潔的代碼來套用。很快這個效果就最好了。（這里我想提出一點的是，很多新手朋友在遇到問題和困惑的時候都不用搜索，而是在論壇重復的發(fā)一些別人已經問過很多次的問題，這樣很不好。）

按理說事情就到此可以劃上句號了，昨天中午休息時沒什么事就隨便拿來本html入門的書看看。無意中發(fā)現(xiàn)有一篇里寫道“如何控制文字中網(wǎng)頁中移動”的文章。于是就認真看了一下。發(fā)現(xiàn)和自己前一天在網(wǎng)上找到代碼一模一樣。

很是感嘆啊。自己以前看過的書的內容里都有，為什么自己還會去百度搜索呢？這讓我好想了一段時間。感覺自己是那么多膚淺，連基本入門的知識都要百度搜索。如果當時自己是記得代碼的寫法又能節(jié)約多少時間呢？

想來想去還是基礎的學的不好，從中可以引出，我們在學習dedecms的時候，一些基礎的教程是必看的。是不能不看的，比如一些后臺的使用等等，其實很多朋友都是因為對后臺的不熟悉而困擾自己，影響自己做站點進度。還有很多類似的情況都是如此。所以我在這里希望能和大家一起學習。一起進度。一起慢慢的成長！

下面我把代碼共享出來：

<MARQUEE scrollAmount=1 scrollDelay=75 direction=up height=143><ul>
<li>臨晨2點30：俠客站長站--www.</li>
<li>臨晨2點30：俠客站長站--www.</li>
<li>臨晨2點30：俠客站長站--www.</li>
<li>臨晨2點30：俠客站長站--www.</li>
<li>臨晨2點30：俠客站長站--www.</li>
</ul></MARQUEE>
以上是縱向滾動效果代碼
移動屬性值主要的有幾個內容：
移動方向 <direction=#>
速度 <scrollamount=#>
方式 <bihavior=#>
循環(huán) <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>
文字從左向右移?。?lt;/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>
文字從下向上移！?。?lt;/CENTER></font></marquee>

文字來回走代碼:
<marquee behavior=alternate scrollAmount=8>
<font style=font:15pt face=黑體 color=fff000>
文字來回走耶?。。?lt;/font></marquee>

移動速度 <scrollamount=#>

移動速度設置數(shù)值小就走得慢的代碼：
<marquee direction=left scrollAmount=2>
<font style=font:15pt face=黑體 color=fff000>
scrollAmount=2移動速度設置數(shù)值小就走得慢?。?lt;/font></marquee>

移動速度設置數(shù)值大就走得快！的代碼：
<marquee direction=left scrollAmount=8> <font style=font:15pt face=黑體 color=fff000>scrollAmount=8移動速度設置數(shù)值大就走得快??！</font></marquee>

文字上下移動代碼：
<font size=5 face=隸書 color=lime>
<MARQUEE scrollAmount=5 direction=up behavior=alternate height=60>
<center>文字上下移動</center></marquee>


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

  • 電話咨詢

  • 400-1100-266