2加入onmouseover=stoponmouseout=start代码，鼠标指向循环文字图片时他们会停止滚动，鼠标离开时继续滚动给滚动图片加超链接用和 把包围，并且img必须设border=0，否则图片会出现边框例子如下图片从右到左滚动图片从。

loop=quot1quotscrollamount=quot2quotscrolldelay=quot50quotwidth=quot315quotheight=quot209quotonmouseover=quotstopquotonmouseout=quotstartquot这里是放表格或者内容的地方ltmarquee 1behavior=quotscrollquot是行为，它的意思是循环滚动2dir；html图片循环滚动无缝隙代码lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot DTDxhtml1transitionaldtdquot 无标题文档 *gundongtupian* demo0 wi。

切换至代码编辑界面，输入如下代码 bodydiv id=#34photolist#34 ul id=#34scroll#34 lia href=#34##34img src=#34images1jpg#34 width=#34100px#34 height=#34100px#34；behavior=”滚动方式”scrollslidealternate direction=”滚动方向”leftrightupdown scrollamount=”滚动步伐” scrolldelay=”延迟时间” onmouseover=“thisstop” onmouseout=“thisstart”滚动内容lt。

2在添加，于中间添加，在内添加标签，内同时添加标签，方便连接导航跳转3在新建的内，添加横向导航要显示的内容4在下方添加一个5源文件html保存后，使用浏览器打开预览效果；向左滚动只需要把向右滚动代码中的“direction=right”改为“direction=left”即可向上循环滚动图片向上滚动首先要把向右滚动代码中的“direction=right”改为“direction=up”，把“width=600”该为“width=170”在marque；2编写自定义的JavaScript函数move，用于实现无间断的图片循环滚动效果speed数值越大图片滚动的越快，具体代码如下 var speed=30 设置间隔时间 marquePic2innerHTML=marquePic1innerHTMLvar demo=；附循环滚动基本语法 ltmarquee ltmarquee 移动属性的设置 ，这种移动不仅仅局限于文字，也可以应用于图片，表格等等 方向 ltdirection=# =left，right ，up ，down ltmarquee direction=left从右向左移ltmarquee；Demo_MyMar Demo_t0onmouseout=function Demo_MyMar=setIntervalDemo_Marquee，Demo_speed 可以先将要滚动的图片的路径先复制在一个文本文档里 然后将上面代码的滚动内容 几个字替换 就可以了。

比较编辑微信文章会代码的人是少数，而且都是自己写代码也很费事，这个第三方编辑工具就是微信编辑器，我一般都是通过小蚂蚁编辑器实现的，可以选择图片样式，直接替换里面的图片就可以了 HTML中滚动字幕如何改变字体颜色。

向右滚动，其实代码差不多，就一个地方不一样 var speed=30 demo2innerHTML=demo1innerHTML demoscrollLeft=demoscrollWidth function Marquee ifdemoscrollLeftlt=0demoscrollLeft+=demo2offsetWidth else；2让图片左右滚动的代码，如下ltmarquee behavior=quotscroll左右滚动quot scrollamount速度=quot2quot loop这是显示循环次数代表循环10次=quot10quotdirection=quotleft这表示图片从左往右开始quot width在多大宽度的容器里显示=quot；注释1 scrollAmount它表示速度，值越大速度越快2 加入onmouseover=stop onmouseout=start代码，鼠标指向循环文字图片时他们会停止滚动，鼠标离开时继续滚动给滚动图片加超链接 用和把包围，并且img必须设border；在新建的样式表文件quotMyStylecss”文件中输入如下代码* padding0 margin0 *设置所有对像的内边距为0*body textaligncenter *设置页面居中对齐*#photolist * 6张图片的宽度包含宽；lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quot DTDxhtml1transitionaldtdquot new document。