奇新CMS/无缝滚动图片网页代码及样式

代码如下：

<div id="j_idt109_hbox" style="overflow: hidden;">
  <table width="100%"><tbody><tr>
    <td id="j_idt109_hbox1">
 <table class="marqueePhotoList"><tbody><tr>
    <td>
   <ul class="photoItem">
     <li class="photo"><a target="_blank" title="图片标题" href="#"><img alt="图片标题" title="图片标题" src="图片路径"></a></li>
     <li class="title"><a target="_blank" title="图片标题" href="#">图片标题</a></li>
   </ul>
    </td>
    <td>
   <ul class="photoItem">
     <li class="photo"><a target="_blank" title="图片标题" href="#"><img alt="图片标题" title="图片标题" src="图片路径"></a></li>
     <li class="title"><a target="_blank" title="图片标题" href="#">图片标题</a></li>
   </ul>
    </td>
    ...
  </tr></tbody></table>
    </td>
    <td id="j_idt109_hbox2">
 <table class="marqueePhotoList"><tbody><tr>
    <td>
   <ul class="photoItem">
     <li class="photo"><a target="_blank" title="图片标题" href="#"><img alt="图片标题" title="图片标题" src="图片路径"></a></li>
     <li class="title"><a target="_blank" title="图片标题" href="#">图片标题</a></li>
   </ul>
    </td>
    <td>
   <ul class="photoItem">
     <li class="photo"><a target="_blank" title="图片标题" href="#"><img alt="图片标题" title="图片标题" src="图片路径"></a></li>
     <li class="title"><a target="_blank" title="图片标题" href="#">图片标题</a></li>
   </ul>
    </td>
...
  </tr></tbody></table>
    </td>
  </tr></tbody></table>
</div>

说明：

• 无缝滚动图片支持两种不同的代码，用于不同的页面显示，一种只显示图片，另一种则显示图片及其标题。
• marqueePhotoList为奇新CMS系统的公共样式，可直接使用。也可以修改或重新设置此样式。

参考来源

• http://cms.zfqjava.com.cn/archive/article/1/article-1645.html