制作滚动图片的方法
怎么把图片做成滚动图片
调出图文频道图片+标题并从右向左滚动
复制下面代码 保存为 一个htm 文件,例如:tpl_cppicmove.htm
然后将模板文件从后台-网站设置-界面风格 中上传。
并在首页等需要滚动的 图文频道最新图片 板块 的“设置”-调用模板中 输入该文件名,并设置每行显示的数量和供显示多少的数量。
注意,如果您的图片太少,可能不会滚动。
<!-start->
<DIV align=center>
<DIV id=aaa >
<DIV align=center>
<TABLE width=100% border=0 align=center cellPadding=0 cellspacing="0" cellspace="0">
<TBODY>
<TR>
<TD id=aaa1 vAlign=top>
<table cellpadding=0 cellspacing=0 width=100% align=center>
<tr>
<td valign=top ><table width="100%" border="0" cellspacing="0" cellpadding="0">
<!-start->
<!-rowstart->
<tr align="center">
<!-rowstart->
<!-menu->
<td align=center class="piclist">
<!-text->
<table width="100" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td align="center" bgcolor="#FFFFFF"><table width="50" border="0" cellpadding="3" cellspacing="1" bgcolor="#d2d2d2">
<tr>
<td align="center" bgcolor="#FFFFFF"><a href="" target="" ><img src="" border="0"></a></td>
</tr>
</table> </td>
</tr>
<tr>
<td height="23" align="center"><a href="" class="pictitle" target="">制作滚动图片的方法</a></td>
</tr>
</table>
<!-text->
</td>
<!-menu->
<!-rowend->
</tr>
<!-rowend->
<!-end->
</table></td>
</tr></table></TD>
<TD id=aaa2 vAlign=top width=1></TD></TR></TBODY></TABLE></DIV></DIV></DIV>
<SCRIPT>
var speed1=15 //
aaa2.innerHTML=aaa1.innerHTML
function Marquee(){
if(aaa2.offsetWidth-aaa.scrollLeft<=0)
aaa.scrollLeft-=aaa.offsetWidth
else{
aaa.scrollLeft++
}
}
var MyMrr=setInterval(Marquee,speed1)
useover=function() {clearInterval(MyMrr)}
useout=function() {MyMrr=setInterval(Marquee,speed1)}
</SCRIPT>
<!-end->
<!-more->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr align="right">
<td><a href="" class="more"></a></td>
</tr>
</table>
<!-more->