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

应用介绍

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



<div id="fx_gun_left" style="overflow:hidden;height:100;width:90;background-color:rgba(64,187,205,0.2); color:#4a4949; padding:50px;" >

<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://127.0.0.1:20008/template/default/static/picture/cp1.jpg" style="margin:15px 15px;"><br>热烈祝贺苏州地区新校区开业大吉</td>
<td><img src="http://127.0.0.1:20008/template/default/static/picture/cp1.jpg" style="margin:15px 15px;"><br>热烈祝贺苏州地区新校区开业大吉</td>
<td><img src="http://127.0.0.1:20008/template/default/static/picture/cp1.jpg" style="margin:15px 15px;"><br>热烈祝贺苏州地区新校区开业大吉</td>
<td><img src="http://127.0.0.1:20008/template/default/static/picture/cp1.jpg" style="margin:15px 15px;"><br>热烈祝贺苏州地区新校区开业大吉</td>
<td><img src="http://127.0.0.1:20008/template/default/static/picture/cp1.jpg" style="margin:15px 15px;"><br>热烈祝贺苏州地区新校区开业大吉</td>
<td><img src="http://127.0.0.1:20008/template/default/static/picture/cp1.jpg" style="margin:15px 15px;"><br>热烈祝贺苏州地区新校区开业大吉</td>
<td><img src="http://127.0.0.1:20008/template/default/static/picture/cp1.jpg" style="margin:15px 15px;"><br>热烈祝贺苏州地区新校区开业大吉</td>
<td><img src="http://127.0.0.1:20008/template/default/static/picture/cp1.jpg" style="margin:15px 15px;"><br>热烈祝贺苏州地区新校区开业大吉</td>
<td><img src="http://127.0.0.1:20008/template/default/static/picture/cp1.jpg" style="margin:15px 15px;"><br>热烈祝贺苏州地区新校区开业大吉</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>


点赞(2) 打赏

立即下载

Comment list 共有 0 条评论

暂无评论

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部