当前位置:首页 > CMS教程 > phpcms > 列表

【phpcms-v9】首页顶部滚动文章

发布:smiling 来源: PHP粉丝网  添加日期:2014-10-23 14:51:09 浏览: 评论:0 

1.默认情况下,一次只能滚动一片文章.

2.能不能修改成一次性滚动上下滚动两篇文章呢?

3.代码如下:

  1. <script src="{IMG_PATH}/js/jquery.min.js" type="text/javascript"></script>   
  2. <script src="{IMG_PATH}/js/jquery.sgallery.js" type="text/javascript"></script>   
  3. <dl class="nlnewtop">   
  4.             <dt>最新更新:</dt>   
  5.             <dd>   
  6.                 {pc:content  action="position" posid="9" order="id" num="6" cache="3600"}   
  7.                 {php $i=0;}   
  8.                 <div id="announ">   
  9.                     <ul>   
  10.                         <li>   
  11.                         {loop $data $k $v}   
  12.                             {$i++}   
  13.                                 {if ($i%2) == 0}   
  14.                                     <span><a href="#" target="_blank">{$v[title]}</a></span>   
  15.                                 {else}   
  16.                                     {if $i == 1}   
  17.                                         <span><a href="#" target="_blank">{$v[title]}</a></span>   
  18.                                     {else}   
  19.                                         </li>   
  20.                                         <li>   
  21.                                         <span><a href="#" target="_blank">{$v[title]}</a></span>   
  22.                                     {/if}   
  23.                                 {/if}   
  24.                         {/loop}   
  25.                         </li>   
  26.                     </ul>   
  27.                 </div>   
  28.                 {/pc}   
  29.             </dd>   
  30.         </dl>   
  31.         <script type="text/javascript">   
  32.         $(function(){   
  33.             startmarquee('announ',22,1,500,3000);   
  34.         })   
  35.         </script>   

4.循环过程如下:

  1. <li>   
  2.    
  3.     第1此循环:<span><a href="#" target="_blank">{$v[title]}</a></span>   
  4.     第2次循环:<span><a href="#" target="_blank">{$v[title]}</a></span>   
  5.     第3次循环:   
  6.             </li>   
  7.             <li>   
  8.             <span><a href="#" target="_blank">{$v[title]}</a></span>   
  9.     第4次循环:<span><a href="#" target="_blank">{$v[title]}</a></span>   
  10.     第5次循环:   
  11.             </li>   
  12.             <li>   
  13.             <span><a href="#" target="_blank">{$v[title]}</a></span>   
  14.     第6次循环:<span><a href="#" target="_blank">{$v[title]}</a></span>   
  15. </li> 

5.整理如下:

  1. <li>   
  2.     <span><a href="#" target="_blank">{$v[title]}</a></span>   
  3.     <span><a href="#" target="_blank">{$v[title]}</a></span>   
  4. </li>   
  5. <li>   
  6.     <span><a href="#" target="_blank">{$v[title]}</a></span>   
  7.     <span><a href="#" target="_blank">{$v[title]}</a></span>   
  8. </li>   //开源软件:phpfensi.com 
  9. <li>   
  10.     <span><a href="#" target="_blank">{$v[title]}</a></span>   
  11.     <span><a href="#" target="_blank">{$v[title]}</a></span>   
  12. </li> 

这个功能看着是挺简单的,但是自己尝试一下,在一个小时之内未必能写出来.

Tags: phpcms顶部文章 phpcms滚动文章

分享到: