这篇文章主要介绍了js图片轮播效果实现代码，文章对每一步进行了详细阐述，标注注意事项，为顺利实现js图片轮播效果做好铺垫，对轮播效果感兴趣的朋友可以参考一下首先给大家看一看js图片轮播效果，如下图具体思路一页面加载获取整个容器所有放数字索引的li及放图片列表的ul定义放定时器的变量；marginTopquot25pxquot，500，function thiscssmarginTopquot0pxquotfindquotlifirstquotappendTothis documentreadyfunction setInterval#39AutoScrollquot#scrollDivquot#39，2000 滚动内容；js 2然后再网页最上面加如这段代码 3把下面放代码放到想要实现图片滚动的地方即可，记得修改图片地址和名字；素材的准备为了更好的表现网站的风格和特色，具备一些更富表现力和吸引力的图片是必不可少的同理，小编也准备了一些与网页主题密切相关的图片，用于做为实现图片滚动效果的素材打开Dreamweaver8，新建一网页文件，并保存为名为“indexhtml#34文件切换至代码编辑界面，输入如下代码 bodydiv。

ul，ol，li liststyletextalignleft function AutoScrollobj objfindquotulfirstquotanimate marginTopquot152pxquot，1000，function thiscssmarginTopquot0pxquotfindquotlifirstquotappendTothis documentreadyfunction setInterval#39AutoScro；gifquot ltHTML不是很清楚你的页面源代码是怎么样的，而且所谓的空白也不是很明白 所以大概根据你说的问题，猜测了估计是body的margin样式属性没有设置希望对你有帮助；下面是可配置轮播动画代码 fnslide=functionoptions var defaults= affect1， 1上下滚动 2幕布式 3左右滚动4淡入淡出 time 5000， 间隔时间 speed500， 动画快慢 dot_texttrue，按钮上有无序列号 var opts=$extenddefaults，optionsvar $this；其他回答 在focusjs中修改 应该是这段试试 tt=setTimeout#39change_img#39，5000 把5000的数字修改一下 zshzy520 发布于20130820 举报 评论 3 0 为您推荐 轮播图js代码 颜色代码 代码实现轮播 js图片轮播和点击切换 html图片轮播代码 手动轮播代码 背景轮播代码 轮播是什么。

新建一个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；代码var arrowImageHeight = 35 Height of arrow image in pixelsvar displayWaitMessage=true Display a please wait message while images are loading？var previewImage = falsevar previewImageParent = falsevar slideSpeed = 0var previewImagePane = falsevar slideEndMarker =；网页中的滚动图片的代码有上下左右四个方向，分别是 lt lt向上滚动代码开始 lt；回答问的不是很清楚哦，上下是指从上到下，从下到上，上去了再下来，还是什么， JS控件图片移动，无非常是setInterval，setTimeout来控件图片的位置， 示例代码 ltimg src=quotajpgquot style=quotpositionabsolute top0px left40%quot id=quotmovpicquot ltscript var obj = documentgetElementByIdquotmov；3 滚动即是调整此画轴的偏移量，此处示例为left4 如果图片要看上去是连续滚动到最后一幅时接着出现第一幅的，那么可以重复第一幅图像到阵列的最末，然后当画轴滚动到此时，重置偏移量到第一幅有了上述DOM结构后，就可以通过JS来控制画轴的偏移量了，如果使用动画，可以参考一些成熟的动画库。

自动滚动，主要思路是用js自带的setInterval方法定义和用法 setInterval 方法可按照指定的周期以毫秒计来调用函数或计算表达式setInterval 方法会不停地调用函数，直到 clearInterval 被调用或窗口被关闭由 setInterval 返回的 ID 值可用作 clearInterval 方法的参数语法 setInterva；你的这段代码就是比较经典的代码了，要再精简就要用jQuery等JS库来做了，而且有很多很炫的插件加两个第二个就滚不动了关于这个问题，首先你有没有改第2段中的页面元素ID，就是scroll_divscroll_beginscroll_end，第2段的这3个ID一定要改成唯一的其他名称然后，就是js脚本里，要增加。