知识点onmousewheel，addEventListener，scrollTo，setTimeout 过程1body 宽，高钉死，100vw，100vh，overflowhidden 使得不出现滚动条，不然不好看 2图片放进去，排起来，注意默认空隙的处理，可以使用flex布局；手机端页面切换，页面跟随手势上下左右滑动，依赖zeptojs如果工程中同时使用jquery的话，采用如下方式来调用zepto的方法function$$#39#Marke#39touchSliderdirection #39v#39，itemSelector#39slide#39，slidePercent0；var cameravar isDownwindowonload = function 滚动条索取对象这里使用整个页面，确保页面有滚动条 camera = documentbody isDown = true 默认向下 c = setIntervalgundong， 10；oUlinnerHTML +=oUlinnerHTML4此时因为ul的content增加，其width也会随着增大，根据实际项目展示图片数量可能改动或不确定性， = oLilength*oLi0offsetWidth+#39px#395往“移动”函数里增添代码5。

主要两个部分，一是滚动内容部分二JS的滚动代码部分，也只有两句话一传统的滚动代码 用Javascript实现新闻内容的水平滚动Ctrl+A 全选 注如需引入外部Js需刷新才能执行传统的滚动代码应用效果比较单一，而且经常。

使用jquery吧，很容易解决注意要包含jqueryjs，网上下载吧，很多的具体实现如下 function AutoScrollobj objfindquotulfirstquotanimate marginTopquot25pxquot，500，function thiscssmarginTopquot0；Code如下图片放在同一目录下你懂得lt！DOCTYPE HTML jQuery v144 API 中文版 jQuery v144 API 中文版正在努力加载中，请耐心等待 var $=functionid return documentgetElementByIdid；var oMarquee = documentgetElementByIdquotmuot 滚动对象 var iLineHeight = 25 单行高度，像素 var iLineCount = $ForcastWeatherListFirstCount 实际行数 var iScrollAmount = 1 每次滚动高度；windowonload=setTimeoutfunction windowscrollTo0，500 修改500为指定高度，5；文字左右滚动的走马灯效果是一种非常容易实现的特效，同样的，文字上下滚动循环显示也是一种非常常见而且非常容易实现的文字特效具体实现方法如下codescript language=JavaScriptvar messages=new Arraymessages0=quotfont；无缝滚动是使用JS实现的，其原理很简单将要滚动的Div平铺在父Div中，使用JS控制父DIv的滚动 ObjectscrollLeft向左 = ObjectscrollLeft+滚动距离一定的时间间隔滚动一次当滚动距离 = 要滚动DIv的大小的时间，让父Div的。

findquotlifirstquotappendTothis documentreadyfunction setInterval#39AutoScrollquot#scrollDivquot#39，2000 滚动内容；应该是图片高度或宽度不够，不知道你是左右滚动还是上下滚动你多放几张图片，这个原理是必须图片加在一起的高度或宽度看上下滚动还是左右滚动而定必须大于div的高度或者宽度，他就能连续不断的滚动了；回答问的不是很清楚哦，上下是指从上到下，从下到上，上去了再下来，还是什么， JS控件图片移动，无非常是setInterval，setTimeout来控件图片的位置， 示例代码 ltimg src=quotajpgquot style=quotpositionabsolute top0px lef；你的意思就是让文字滚动吧，应该把你要滚动的div加在ltmarquee direction=quotupquot scrollamount=quot3quot height=quot100quot hspace=quot2quotltmarquee中 我把你代码中body中的内容修改一下 ltmarquee direction=quotupquot scrollamount。

这段代码的核心处理是应用setInterval每speed30毫秒执行一次页面更新更新的函数是Marquee，通常执行的是demoscrollTop++，也就是说通常情况下是每30毫秒向下移动一个像素，这样子连续起来就成了动画了 当动画移动到边界时；代码var arrowImageHeight = 35 Height of arrow image in pixelsvar displayWaitMessage=true Display a please wait message while images are loading？var previewImage = falsevar previewImageParent =。