调出图文频道图片+标题并从右向左滚动
复制下面代码 保存为 一个htm 文件,例如:tpl_cppicmove.htm
然后将模板文件从后台-网站设置-界面风格 中上传。
并在首页等需要滚动的 图文频道最新图片 板块 的“设置”-调用模板中 输入该文件名,并设置每行显示的数量和供显示多少的数量。
注意,如果您的图片太少,可能不会滚动。
<!-start-> <DIV align=center> <DIV id=aaa style="OVERFLOW: hidden; WIDTH: 550px; HEIGHT: 125px"> <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) aaa.onmouseover=function() {clearInterval(MyMrr)} aaa.onmouseout=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-> |