菜鸟教程---如何让站内新闻动起来

  

官方默认模板里的站内新闻调用标题只显示新的5个,而且是固定不动,感觉不是很满意,网上找了个滚动代码试了一下,还不错,推荐给大家。
说明一下,我只是在默认模板里试的,如果要改的话,强烈建议备份源代码。
先看一下效果

我把显示的区域也扩大了(纯属个人爱好)
如图,打开首页编辑页面

找到以下代码:

  1. <strong>新动态</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">
复制代码

加入红色部分的代码

  1. <strong>新动态</strong><span> - News</span>
     
  2.                 </div>
     

  3.  
  4.                 <div class="blank5"></div>
     
  5.                 <ul class="padding10 news">
     
  6. <!-- 滚动代码开始 -->
     
  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. <!-- 滚动代码结束 -->
     
  13.                 </ul>
     
  14.                 <div class="blank10"></div>
     
  15.                 <div class="title_gray">
复制代码

其中WIDTH: 250px; HEIGHT: 200px是修改显示区域的(默认是WIDTH: 250px; HEIGHT: 100px)
可以改变滚动速度scrollAmount=2   ( =1是改慢。。。。以此类推,数值越大滚动越快)
这里改变调用个数<!-- {loop article(0,15,'rand()',10) $i $arc} -->(官方默认是5)
声明:只是菜鸟测试成功,不代表没有错误,再次建议备份源代码


效果显示连接:http://www.wdxiantao.cn/

推荐内容
绿色农业网站模板,响应式网站模板适用于农业产品和水产养殖等企业网站模板使用,同时也可以用于水果种植宣传网站模板。

绿色农产品响应式网站模板

编号:CmsEasy_V_458

装修设计公司网站模板

编号:CmsEasy_V_324

蓝色公安警察学校网站模板

编号:CmsEasy_V_228

路灯路政建设网站模板

编号:CmsEasy_F_072

微信客服

您的建站服务专家

售前咨询
模板定制

客服 Sunny

售前问题咨询

联系客服

客服Medive

售前问题咨询

联系客服
售前咨询
功能定制

客服 Ashely

售前问题咨询

联系客服

客服Antony

售前问题咨询

联系客服