分享

怎样让图片无缝移动

 我的东泉屋 2020-03-05

多福老人

怎样让图片无缝移动

不少朋友经常使用多图片滚动,增强了图片的艺术效果。但被一个问题困扰:开始滚动时有空白,而且循环一次就出现一次空白。解决这个问题需要计算出总长度,很繁琐,因此也就很少用。

今天介绍一种简单制作图片无缝滚动的方法,就是用来回滚动来解决这一问题。这样就比较简单了。

  1. 怎样让图片无缝移动
  2. 2

    获取图片地址。

    上传图片完成后,进入代码编辑,找到图片地址,复制粘贴到“记事本”备用。

    怎样让图片无缝移动
  1. 怎样让图片无缝移动




  2. 4

    统一高度。

    上边的代码适用于图片一样大的,如果图片不一样大,在IMG后面加上

    height=400 (注:400是高度,由自己根据具体情况确定)。

    这样,代码就变成这样:

    <MARQUEE scrollAmount=3 behavior=alternate>

    <A href="图片1" ><IMG height=400 src="图片1" ></A>

    <A href="图片2" ><IMG height=400 src="图片2" ></A>

    </MARQUEE>

    怎样让图片无缝移动




  3. 5

    多图滚动。

    上面是两张图片滚动,如果多图呢?

    每增加一张图片,就复制<A href开始到</A>的那一段,粘帖到最后</MARQUEE>的前面。

    怎样让图片无缝移动


  4. 6

    调整移动速度。

    改变scrollAmount的值即可。

    怎样让图片无缝移动

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约