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

CMS教程 3年前 (2019) admin
15 0

把以下代码做成标签就可以实现无缝隙图片滚动了
<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>

版权声明:admin 发表于 2019-02-15 9:33:00。
转载请注明:发布一个帝国cms无缝隙滚动图片标签 | 快易星

暂无评论

暂无评论...