如何讓你的文字在網(wǎng)頁中動起來！_DedeCms教程
      
編輯Tag賺U幣
      


      教程Tag：暫無Tag,歡迎添加,賺取U幣!
      


      

      

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

      下面我把代碼共享出來：
      

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

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

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


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


      查看更多 DedeCms教程  織夢模板  織夢DedeCms視頻教程  織夢dedecms專題
      

      


      來源：DedeCms官方論壇//所屬分類：DedeCms教程/更新時間：2009-06-30


      


      



      


      



      相關(guān)DedeCms教程：