图片横向(向左)滚动代码帝国cms - 安全、强大、稳定、灵活

帝国论坛 → 帝国网站管理系统交流区 → 帝国CMS使用交流 → 图片横向(向左)滚动代码

【本版专题贴子】

城宵
用户头衔：举人

精华贴   ：0
发贴数   ：198
经验值   ：666
注册时间：2008-08-11

信息

搜索

好友

发送悄悄话

【精益求精－帝国网站管理系统7.5正式版开源发布】 [第 1 楼]

图片横向(向左)滚动代码

希望这个大家能用得着。

<DIV id=demo
               style="OVERFLOW: hidden; WIDTH: 720px; HEIGHT: 130px">

                                       <table cellPadding=0 align=left border=0 cellspace="0">
                                          <tr>
                                             <td id=demo11 vAlign=top>
                                                [ecmsinfo]'12,13,14,15,16,17,18',10,20,0,0,13,1[/ecmsinfo] </td>
                                             <td id=demo12 vAlign=top></td>
                                          </tr>
                                          </table>
                                       </div>
                                       <SCRIPT>
  var speed=15
  demo12.innerHTML=demo11.innerHTML
  function Marquee11(){
  if(demo12.offsetWidth-demo.scrollLeft<=0)
  demo.scrollLeft-=demo11.offsetWidth
  else{
  demo.scrollLeft++
  }
  }
  var MyMar1=setInterval(Marquee11,speed)
  demo.onmouseover=function() {clearInterval(MyMar1)}
  demo.onmouseout=function() {MyMar1=setInterval(Marquee11,speed)}
                                 </SCRIPT>
                                       

红色部分换成自己的。其中13为“标签模板”ID，列表模板内容如下：

<table width="105" border="0" align="center" cellpadding="0" cellspacing="2" class="picText">
<tr valign="top">
<td colspan="2"><a href="[!--titleurl--]" target="_blank"><img src="[!--titlepic--]" alt="[!--oldtitle--]" width="140" height="100" border="1" /></a></td>
</tr>
<tr valign="top">
  <td colspan="2"><div align="center"><a href="[!--titleurl--]" title="[!--oldtitle--]">[!--title--]</a></div></td>
</tr>

</table>

页面模板内容如下：一行调用10条数据（图片）
<table>[!--empirenews.listtemp--]<tr><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>[!--empirenews.listtemp--]</table>

注意：每行显示10 条记录

修改完善中。

[该贴被修改 7 次，最后修改时间 2008-09-27 11:59:52 ]