加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 教程 > 正文

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

发布时间:2021-01-19 19:13:32 所属栏目:教程 来源:网络整理
导读:把以下代码做成标签就可以实现无缝隙图片滚动了 div id=fx_gun_left style=overflow:hidden;height:100;width:90;background:#214984;color:#ffffff table cellpadding="0" cellspacing="0" border="0" trtd id="fx_gun_left1" valign="top" align="center"

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

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读