图片来源：网络
编辑制作：黑龙江省黑河市瑷珲中学 马文生 2018-06-29
图片无缝拼接横向滚动效果▼
图片无缝拼接纵向滚动效果▼
图片无缝拼接横向滚动在新浪博客中的效果【点击●查看！】图片无缝拼接纵向滚动在新浪博客中的效果【点击●查看！】图片无缝拼接横向、纵向滚动通用代码【新浪、网易博客等通用】：
-------------------------------------------------------------------------------------------------------------------------------------------
<DIV align=center>
<MARQUEE behavior=alternate width=显示窗宽度 height=显示窗高度 scrollAmount=2>
<IMG src="图片1地址" border=0>
<IMG src="图片2地址" border=0>
<IMG src="图片3地址" border=0>
<IMG src="图片4地址" border=0>
<IMG src="图片5地址" border=0>
. . . . . .
<IMG src="图片n地址" border=0>
<MARQUEE></DIV>
-----------------------------------------------------------------------------------------------------------------------------------------
代码说明：
① align=center ——是居中显示；另外还有align=left——是左对齐显示；align=right——是右对齐显示。
② MARQUEE——为滚动代码。
③ direction=up——是滚动属性，用来控制滚动方向的，可以更换为其它滚动属性（在下面）。
④ scrollAmount=2——是用来控制滚动速度的，可以调整，值越大，速度越快，一般设置在1-3的范围内比较好。
⑤ width=显示窗的宽度 height=显示窗的高度——图片滚动时在页面显示的范围,尽可能设置大一些。
⑥ border=0——表示无缝拼接。
代码的使用：
①如果你只有图片，而没有该图片链接地址，首先要将该图片上传，以获取图片地址。
②根据图片确定滚动属性（滚动方向）。
③要拼接的图片规格最好是一致的，然后根据图片的大小确定显示窗宽度和高度。
④把上面代码中的"图片地址"换成你自己的图片链接地址即可。在编辑代码时，请注意代码中的空格，切勿丢掉！
附：【滚动属性】代码
向上：direction=up
向下：direction=down
向左：direction=left
向右：direction=right
左右来回：behavior=alternate
从右向左一圈一圈绕着走：behavior=scroll
只向左滚动一次就停止 ：behavior=slide
瑷珲马文生书馆 欢迎您！http://mawensheng.360doc.com图片无缝拼接横向滚动代码【点击欣赏！】图片无缝拼接纵向滚动代码【点击欣赏！】
本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请
点击举报。
