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

来自站长百科
跳转至: 导航、​ 搜索

奇新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系统的公共样式,可直接使用。也可以修改或重新设置此样式。


参考来源[ ]

奇新CMS使用手册导航

安装

系统安装

后台管理

基本信息|网站设置|论坛管理|专题管理|属性值|宣传管理友情链接管理|用户管理|公告管理|文章发布|文章内容修改|文章其他操作|主题管理|插件制作配置|

模版标签

模版安装配置|添加飘浮图片|添加宣传图片|添加地图|属性值使用|栏目链接引用|列表添加|其他标签

主题样式

代码样式说明|页面布局调整|视频列表网页代码及样式|书刊列表网页代码及样式|#main网页代码及样式|#sidebar网页代码及样式|文章正文网页代码及样式|无缝滚动图片网页代码及样式|图片列表网页代码及样式|栏目分类列表网页代码及样式|图片新闻网页代码及样式|文章列表网页代码及样式|栏目列表网页代码及样式|.box区域网页代码及样式|#menubar菜单代码及样式|#header菜单代码及样式