在图片滚动的方法中，最常用的就是scroll方法在div的内容宽度超过div的宽度时我们给div加属性overfloscroll出现的这种效果，我们称为srcollBar当我们拖动滚动条的时候，未显示部分就会随着拖动显示出来我们拖动的距离，就是scroll的大小，拖动的距离在四个不同方向上，就有了scrollLeft，scroll；要实现图片滚动轮播，可以有很多方式，无非是通过调整外围容器的位置lefttop或者内部图片容器的定位marinleftmargintop来实现的这里我以前者为例向左滚动通常的实现方式是1 有一个外层容器，同时作为“视口”，这个viewPort有固定的尺寸，超出的部分隐藏，定位方式为“relative”2；第 7，8，9 行更改总体设置 第 65 行开始加入自定义内容 将JS嵌入到显示的固定位置 var intSTime = 4000定义图片轮换时间 var intSWidth = 160定义图片宽度，单位像素 var intSHeight = 140定义图片高度，单位像素 var collectSAdvar adNum = 0；网页JS特效，图片滚动效果代码如下 滚动内容 var；网页中的滚动图片的代码有上下左右四个方向，分别是 lt lt向上滚动代码开始 lt。

1把你的内容放这里 这个代码是比较简单的示例，会有空白，如果不想有空白的话还是需要JS的2数值可以变换，数值的变换可以影响图片速度的滚动图片滚动方向也可以换都是简单的英语单词，大家在变换的时候应该没有问题 上下滚动图片代码代码注direction方向 可UP可DOWN 宽高 可以换；4html是无法设置图片切换的，需要结合js或jquery等相关技术实现你可以百度下js或jquery实现图片切换效果，范例代码超级多，根据他们的修改即可html中图片自动切换首先，打开html编辑器，新建html文件，例如indexhtml，编写问题基础代码html轮播图定时器自动切换原理是触发事件更换图片根据查询相关；需要注意的是小圆点和图片列表的 li 数目是不一样的，当滚动到最后一个克隆项时，此时小圆点实际上在第一个位置开始自动滚动 timer = setIntervalautoRun， gap给每个小圆点绑定了onmouseover事件，这个方法有个细节，会根据两次小圆点的距离差调整速率为 rate*times ，使切换效果更自然也就。

使用jquery吧，很容易解决注意要包含jqueryjs，网上下载吧，很多的具体实现如下 function AutoScrollobj objfindquotulfirstquotanimate marginTopquot25pxquot，500，function thiscssmarginTopquot0pxquotfindquotlifirstquotappendTothis documentreadyfunction；1网页图片滚动一般都是网络上查找jqjs插件，引入到自己的html代码里头，或者是里头本身写好的例子，修改好数据源图片，运行调试即可 2如果是不考虑图片首尾无缝滚动的话，你还可以使用marquee这个是html自带滚动标签，也可以实现鼠标移入停止，移开开始滚动等等，如下ltmarquee direction=quotupquot；图片轮播的话，有两种方式1 通过js控制图片的显隐来实现轮播实现简单通过定时器切换图片这种方式我博客里有关键代码，可以百度以下内容查看使用javascript，jquery实现的图片轮播功能xyytIT2 通过定位方式，使图片按照从左到右，或上下的顺序排列，这种效果比较好，但是实现起来，比较麻烦目前。

lt！多个图片从这开始循环lttd width=quot180quot align=quotcenterquot style=quotborderright dashed 1px #EFEFEFquotlttable width=quot180quot border=quot0quot cellspacing=quot0quot cellpadding=quot0quotlttrlttd height=quot110quot align=quotcenterquotltimg src=quotquot width=quot120quot height=quot90quot border=quot0quot alt=quotquot lttdlttrlttrlttd height=quot20quot align=quotcenterquot 图片名称 lttd；js 2然后再网页最上面加如这段代码 ltscript src=quotMSClassjsquotlanguage=quotjavascriptquot ltscript 3把下面放代码放到想要实现图片滚动的地方即可，记得修改图片地址和名字lttable align=quotcenterquot width=quot980quot cellpadding=quot；1素材的准备为了更好的表现网站的风格和特色，具备一些更富表现力和吸引力的图片是必不可少的2在电脑上找到并且打开Dreamweaver8，重新建立一个网页文件，并且把网页文件保存，且命名为“indexhtmlquot文件3在完成网页文件保存和命名为“indexhtmlquot文件以后，切换至代码编辑界面，输入相应的；在图片标签里添加onmouseover事件，并且将该图片地址作为参数传给show_big函数 lt！滚动区的高度和宽度 ltTABLE width=100% border=0 align=center cellPadding=0 cellSpacing=0 ltTR。

自动滚动，主要思路是用js自带的setInterval方法定义和用法 setInterval 方法可按照指定的周期以毫秒计来调用函数或计算表达式setInterval 方法会不停地调用函数，直到 clearInterval 被调用或窗口被关闭由 setInterval 返回的 ID 值可用作 clearInterval 方法的参数语法 setInterva。