网站中，有时为了更好的利用有限的页面空间展示更多的内容，也为了丰富网站页面自身的表现样式，我们往往会用到图片滚动的效果想要实现这种效果，只需要在想要显示的表格或网页中加入以下代码即可实现ltdiv id=demo style=quot。

这个叫quot图片无缝滚动quot，代码如下，你自己调试一下哦ltdiv id=quotdemoquot style=quotoverflowhiddenheight500pxwidth120px border1px solid #dde5bc overflowhiddenfloatleftquot ltdiv id=demo1 ltimg src=quotimages。

1新建一个文件夹，用来存放网页文件和图片，快捷键ctrl+shift+n2进入新建文件夹里面，右键新建文本文档3进入新建的文本文档，复制下方代码，点击快捷键ctrl+s保存后退出lt！doctype html lthtml lthead ltmeta。

图片向左无缝滚动 ltstyle type=quottextcssquot lt！ demo background #FFFoverflowhiddenborder 1px dashed #CCCwidth 500px demo img border 3px solid #F2F2F2 indemo float leftwidth。

1 scrollAmount它表示速度，值越大速度越快2 加入onmouseover=stop onmouseout=start代码，鼠标指向循环文字图片时他们会停止滚动，鼠标离开时继续滚动给滚动图片加超链接 用lta href=和lta把ltimg包围。

打开Dreamweaver8，新建一网页文件，并保存为名为“indexhtmlquot文件切换至代码编辑界面，输入如下代码ltbodyltdiv id=quotphotolistquot ltul id=quotscrollquot ltlilta href=quot#quotltimg src=quotimages1jpgquot width=quot。