首页 > CMS教程 > 帝国Empire > 正文

发布一个帝国cms无缝隙滚动图片标签

2024-04-25 20:41:39
字体:
来源:转载
供稿:网友

把以下代码做成标签就可以实现无缝隙图片滚动了

<div id=fx_gun_left style=overflow:hidden;height:100;width:90;background:#214984;color:#ffffff>

<table cellpadding="0" cellspacing="0" border="0">

<tr><td id="fx_gun_left1" valign="top" align="center">

<table cellpadding="2" cellspacing="0" border="0">

<tr align="center">

<td><img src="http://www.daixiao360.cn/skin/cmsmoban/images/logo.gif"></td>

<td><img src="http://www.daixiao360.cn/skin/cmsmoban/images/logo.gif"></td>

<td><img src="http://www.daixiao360.cn/skin/cmsmoban/images/logo.gif"></td>

<td><img src="http://www.daixiao360.cn/skin/cmsmoban/images/logo.gif"></td>

<td><img src="http://www.daixiao360.cn/skin/cmsmoban/images/logo.gif"></td>

<td><img src="http://www.daixiao360.cn/skin/cmsmoban/images/logo.gif"></td>

<td><img src="http://www.daixiao360.cn/skin/cmsmoban/images/logo.gif"></td>

</tr>

</table>

</td>

<td id="fx_gun_left2" valign="top"></td>

</tr>

</table>

</div>

<script>

var speed=30//速度数值越大速度越慢

fx_gun_left2.innerHTML=fx_gun_left1.innerHTML

function Marquee3(){

if(fx_gun_left2.offsetWidth-fx_gun_left.scrollLeft<=0)

fx_gun_left.scrollLeft-=fx_gun_left1.offsetWidth

else{

fx_gun_left.scrollLeft++

}

}

var MyMar3=setInterval(Marquee3,speed)

fx_gun_left.onmouseover=function() {clearInterval(MyMar3)}

fx_gun_left.onmouseout=function() {MyMar3=setInterval(Marquee3,speed)}

</script>
 

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选