开发者社区> 问答> 正文

网页跑马灯的图片切换特效是如何实现的?

网站里跑马灯图片在切换时的特效是如何用JavaScript实现的,求具体的源代码。

展开
收起
小旋风柴进 2016-06-01 10:24:56 2315 0
1 条回答
写回答
取消 提交回答
  •  <!DOCTYPE>
    <html>
     <head>
      <title> new document </title>
      <meta name="generator" content="editplus" />
      <meta name="author" content="jimbowhy" />
     </head>
     <body>
      <div id="box" style="position:relative;background:pink;width:300px;height:300px;"></div>
      <script type="text/javascript">
      (function(){
        var s = 2;
        var box = document.getElementById("box");
        var l = +box.getAttribute("left");
        l = l<s? 600:l-s;
        box.setAttribute("left",l);
        box.style.left=l+"px";
        setTimeout(arguments.callee, 30);
      })()
      </script>
     </body>
    </html>
    2019-07-17 19:22:49
    赞同 展开评论 打赏
问答分类:
问答地址:
相关产品:
问答排行榜
最热
最新

相关电子书

更多
3D动画的菜谱式灯光与云渲染 立即下载
360°全景视频播放器的实现原理 立即下载
低代码开发师(初级)实战教程 立即下载