帝国cms效果之如何实现无缝隙滚动图片

511 ℃

帝国cms效果之如何实现无缝隙滚动图片,把以下代码做成标签就可以实现无缝隙图片滚动了。

<div id="fx_gun_left" style="overflow:hidden;height:100;width:90;background:#214984;color:#fff">
  <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="https://ipkd.cn/images/logo.png"></td>
            <td><img src="https://ipkd.cn/images/logo.png"></td>
            <td><img src="https://ipkd.cn/images/logo.png"></td>
            <td><img src="https://ipkd.cn/images/logo.png"></td>
            <td><img src="https://ipkd.cn/images/logo.png"></td>
            <td><img src="https://ipkd.cn/images/logo.png"></td>
            <td><img src="https://ipkd.cn/images/logo.png"></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>

CMS网站被挂黑链应该如何解决?(如何防止黑链)

纯js实现文字无缝滚动(亲测有效)

数组相关运用

织梦dedecms用栏目交叉时arclist标签不能调出相关文

解决织梦dede副栏目只能保存一个栏目的方法

标签: CMS网站, fx, id, 滚动

上面是“帝国cms效果之如何实现无缝隙滚动图片”的全面内容,想了解更多关于 帝国cms 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_976.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

javascript语法如何循环出多个textarea
css3有哪些标签可以设置字间距
帝国cms功能之日期用英文显示的方法
es6如何从2个数组中找出不同项
Java开发中日期时间的创建和获取方法介绍