菜鳥(niǎo)教程---如何讓站內(nèi)新聞動(dòng)起來(lái)

  小 中 大

官方默認(rèn)模板里的站內(nèi)新聞?wù){(diào)用標(biāo)題只顯示新的5個(gè)，而且是固定不動(dòng)，感覺(jué)不是很滿(mǎn)意，網(wǎng)上找了個(gè)滾動(dòng)代碼試了一下，還不錯(cuò)，推薦給大家。
說(shuō)明一下，我只是在默認(rèn)模板里試的，如果要改的話，強(qiáng)烈建議備份源代碼。
先看一下效果

我把顯示的區(qū)域也擴(kuò)大了（純屬個(gè)人愛(ài)好）
如圖，打開(kāi)首頁(yè)編輯頁(yè)面

找到以下代碼：

  1. <strong>新動(dòng)態(tài)</strong><span> - News</span>
     
  2.                 </div>
     
  3.                 <div class="blank5"></div>
     
  4.                 <ul class="padding10 news">
     
  5.                         <!-- {loop article(0,15,'rand()',10) $i $arc} -->
     
  6.                         <li><strong>"</strong> <a href="{$arc[url]}" title="{$arc[title]}">{$arc[title]}</a></li>
     
  7.                         <!-- {/loop} -->
     
  8.                 </ul>
     
  9.                 <div class="blank10"></div>
     
  10.                 <div class="title_gray">
復(fù)制代碼

加入紅色部分的代碼

  1. <strong>新動(dòng)態(tài)</strong><span> - News</span>
     
  2.                 </div>
     

  3.  
  4.                 <div class="blank5"></div>
     
  5.                 <ul class="padding10 news">
     
  6. <!-- 滾動(dòng)代碼開(kāi)始 -->
     
  7. <MARQUEE style="WIDTH: 250px; HEIGHT: 200px" scrollAmount=2 direction=up>
     
  8.                         <!-- {loop article(0,15,'rand()',10) $i $arc} -->
     
  9.                         <li><strong>"</strong> <a href="{$arc[url]}" title="{$arc[title]}">{$arc[title]}</a></li>
     
  10.                         <!-- {/loop} -->
     
  11. </MARQUEE>
     
  12. <!-- 滾動(dòng)代碼結(jié)束 -->
     
  13.                 </ul>
     
  14.                 <div class="blank10"></div>
     
  15.                 <div class="title_gray">
復(fù)制代碼

其中WIDTH: 250px; HEIGHT: 200px是修改顯示區(qū)域的（默認(rèn)是WIDTH: 250px; HEIGHT: 100px）
可以改變滾動(dòng)速度scrollAmount=2   （ =1是改慢。。。。以此類(lèi)推，數(shù)值越大滾動(dòng)越快）
這里改變調(diào)用個(gè)數(shù)<!-- {loop article(0,15,'rand()',10) $i $arc} -->（官方默認(rèn)是5）
聲明：只是菜鳥(niǎo)測(cè)試成功，不代表沒(méi)有錯(cuò)誤，再次建議備份源代碼


效果顯示連接：http://www.wdxiantao.cn/