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