lt！DOCTYPE html Title var x=0setIntervalfunction var Scrolltop=$documentscrollTopifx！=ScrolltopalertScrolltopx=Scrolltop ，500。

var datas = imgSrcquot图片 quot，imgSrcquot图片 quot，imgSrcquot图片 quot，imgSrcquot图片 quot，imgSrcquot图片 quot，imgSrcquot图片 quot var banner = documentgetElementByIdquotbanner；自动滚动，主要思路是用js自带的setInterval方法定义和用法 setInterval 方法可按照指定的周期以毫秒计来调用函数或计算表达式setInterval 方法会不停地调用函数，直到 clearInterval 被调用或窗口被关闭由。

根据你的具体情况，有两种思路第一种，类似于滑动效果，用强父元素，overflowhidden了然后通过点击左右的键，获取当前父元素的宽度，修改父元素css属性的left，注意，positionabsolute时left才起作用第二种就比较简单；function showImgindex var adWidth = $quotcontent_right adquotwidthquotsliderquotstoptrue，falseanimateleft adWidth*index，1000quotnum liquotremoveClassquotonquoteqindexaddClassquoton；= parseInt + 2 * left + #39px#39本题目最关键的一句代码，让el对象的左边距每次循环都增加2像素，也就是向右移动了2像素 timer1 = setTimeoutmoveItRight， 25隔25毫秒后；if windowaddEventListener windowaddEventListenerquotDOMMouseScrollquot， hscr， false else documentonmousewheel = hscr 1先将这段代码保存为一个JS文件scrolljs 2在你的页面里将ltSCRIPT src=quotjs。

下面是可配置轮播动画代码 fnslide=functionoptions var defaults= affect1， 1上下滚动 2幕布式 3左右滚动4淡入淡出 time 5000， 间隔时间 speed500， 动画快慢 dot_text；1首先，需要在HTML中添加一个容器元素，用于显示滑动加载的内容可以使用CSS设置容器元素的宽度和高度，并设置overflow属性为hidden，这样可以隐藏容器元素之外的内容2接下来，需要使用JavaScript编写代码，实现滑动加载的功能；通过div的scrollTop变动控制垂直滚动条位置通过div的scrollLeft变动控制水平滚动条位置示例 d1是外层div，带滚动条 2222 documentgetElementById#39d1#39scrollTop=100通过scrollTop设置滚动到100位置；JavaScript 代码scriptjsdocumentaddEventListener#39DOMContentLoaded#39， function var slider = documentgetElementById#39slider#39var sliderWrapper = sliderparentElementvar startX， currentXslider。

lt！doctype html#andyscroll2 overflow hiddenbackground #ffftextalign leftwidth340pxheight145pxoverflowhidden#andyscroll2 a font12px18px tahomacolor #000 floatleftwidth100%text；在id为bimg的div中显示图片 lt！最新图文代码结束 参考资料；类似这个效果的网上很多的啦，弄个改改就行了 JS平滑图片滚动 ltSCRIPT language=JavaScript type=textJavaScript var shvar marqueesmarqueesWidth=610var speed=20，preLeft=0，stopscroll=false，flag=true；您好具体代码如下，兼容各浏览器，其中scrollTop 为当前页面到顶部的距离，为整个页面的高度，为当前屏幕的高度，有不明白的可以问我，希望我的回答能帮到您lt；原理demo2复制demo1然后连成一行，demo1滚动完滚动demo2因为内容一样所以看不出来，demo2滚动完滚动demo1。