1、第 7，8，9 行更改总体设置 第 65 行开始加入自定义内容 将JS嵌入到显示的固定位置 var intSTime = 4000定义图片轮换时间 var intSWidth = 160定义图片宽度，单位像素 var intSHeight = 140定义图片高度，单位像素 var collectSAdvar adNum = 0；比如说你包含图片的div的id是divx，img的id是imgx图片的名称就用10jpg是默认的图片windowonload=function index=0documentgetElementById#39divx#39onmousewheel=functione e=ewindoweventifewheelDelta0index0鼠标向上滚动并且当前不是；height 168px float leftJSvar scroll = documentgetElementById#39scroll#39 画轴var scrollLeft = 0 记录画轴CSS left属性的值var index = 0 当前显示的画的序号 滚动一幅画面，调整画轴scroll的left属性值function scrollByOne var timer = setInt；网站循环滚动图片需要js代码制作 第一步，可以去相关的js特效网站下载一个你所需要的代码 第二步，用DW修改路径改为你自己网站的路径 第三步，把你所做的图片上传到空间 第四步，添加代码路径及调用js文件网站保存。

2、素材的准备为了更好的表现网站的风格和特色，具备一些更富表现力和吸引力的图片是必不可少的同理，小编也准备了一些与网页主题密切相关的图片，用于做为实现图片滚动效果的素材打开Dreamweaver8，新建一网页文件，并保存为名为“indexhtml#34文件切换至代码编辑界面，输入如下代码 bodydiv；lt！向右滚动代码开始 ltDIV style=quotWIDTH 604px HEIGHT 120px OVERFLOW hiddenquot id=demo ltTABLE border=0 cellPadding=0 align=left cellspace=quot0quot ltTBODY ltTR ltTD id=demo1 vAlign=top ltTABLE border=0 cellSpacing=0 cellPadding=0 width=quot25%quotalign=leftltTBODY ltTR；这里有很多效果，应该是你需要的，下载下来套着用就可以了；根据你的具体情况，有两种思路第一种，类似于滑动效果，用强父元素，overflowhidden了然后通过点击左右的键，获取当前父元素的宽度，修改父元素css属性的left，注意，positionabsolute时left才起作用第二种就比较简单就是简单的隐藏，点击左右，隐藏第一屏的信息，再次点击，隐藏第一第二屏的。

3、最后的代码中，滚动的步长改为1windowonload=function new Marquee quotscrollquot， 容器ID 0， 向上滚动0向上 1向下 2向左 3向右 1， 滚动的步长 173， 容器可视宽度 149， 容器可视高度 50， 定时器 数值越小，滚动的速度越快1000=1秒，建议不；代码展示lt！DOCTYPE html 图片切换效果 container width280pxheight200pxborder1px solid #eeepositionrelative idPicText background#eeelineheight25pxtextaligncenterfontweightboldwidth282pxwhitespacenowrapoverflowhiddenfontsize12px；documentgetElementById#39bimg#39innerHTML=#39#39当鼠标移出是清空图片 function show_bigsrc documentgetElementById#39bimg#39innerHTML=#39#39在id为bimg的div中显示图片 lt！最新图文代码结束 参考资料；js 2然后再网页最上面加如这段代码 3把下面放代码放到想要实现图片滚动的地方即可，记得修改图片地址和名字。

4、新建一个JS文件，并将该文件另存为“MoveEffectjs#34在”MoveEffectjs“文件中输入如下所示代码 var id = functionel #160#160#160#160return documentgetElementByIdel #160#160#160， c = id#39photolist#39 ifc var ul = id#39scroll#39；使用jquery吧，很容易解决注意要包含jqueryjs，网上下载吧，很多的具体实现如下 function AutoScrollobj objfindquotulfirstquotanimate marginTopquot25pxquot，500，function thiscssmarginTopquot0pxquotfindquotlifirstquotappendTothis documentreadyfunction；自动滚动，主要思路是用js自带的setInterval方法定义和用法 setInterval 方法可按照指定的周期以毫秒计来调用函数或计算表达式setInterval 方法会不停地调用函数，直到 clearInterval 被调用或窗口被关闭由 setInterval 返回的 ID 值可用作 clearInterval 方法的参数语法 set；JS代码 lt！lt！CDATAlt！ var Speed = 10 速度毫秒var Space = 10 每次移动pxvar PageWidth = 160 翻页宽度 var fill = 0 整体移位 var MoveLock = falsevar MoveTimeObjvar Comp = 0var AutoPlayObj = null；scrolldelay=quot100quotdirection=quotupquotonmouseover=quotthisstopquotonmouseout=quotthisstartquotltmarquee 其中scrolldelay=quot100quot===指滚动延迟时间，单位是毫秒ms，默认为90ms direction=quotupquot===指滚动方向，默认从左往右，可取的值为up，down，left，right onmouseover=quotthisstopquot===指鼠标悬停在图。