当前所在位置:首页 > 常见问题
欢迎您访问灵风网络,我们将提供您最优惠的建站套餐,祝您工作愉快!如有疑问请咨询客服

大连网站设计制作滚动图片的方法

发布时间:2012-05-03 来源:www.fo-sky.com 浏览次数: 分享到:
更多

 

  出图文频道图片+标题并从右向左滚动
复制下面代码 保存为 一个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="{#link#}" target="{#target#}" ><img src="{#src#}" {#smallw#} {#smallh#} border="0"></a></td>
</tr>
</table> </td>
</tr>
<tr>
<td height="23" align="center"><a href="{#link#}" class="pictitle" target="{#target#}">{#title#}</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="{#morelink#}" class="more">{#more#}</a></td>
</tr>
</table>
<!-more->

 




希望以上信息能够帮助您,如果您还有关于大连网站制作,大连网站建设,大连网页设计,大连做网站,大连个人做网站及网站相关问题,请与我们联系,大连灵风科技将竭诚为您服务!

--- 大连灵风网络科技 祝您生意兴隆!