1、1首先我们创建一个简单的项目，如图所示包括html，css和img三个2这里是html文件，引入css和html代码文件，如图所示3这里是css文件代码，上面是div和图片显示的效果代码，后面是动画效果4这里是事件，这里定义了；setIntervalfunction quot#div_picquotcssquotbackgroundImagequot， quoturlquot + arryi + quotquoti++if i == 5 i = 0 ， 5000 定时换背景图片的代码 * 下面是图片切换代码 va；4点击运行点击文件，新建，css文件命名输入bodybackgroundimage urlimga3jpgbackgroundattachment fixed5返回html在lthead内输入ltlink rel=quotstylesheetquot type=quottextcssquot href=quotnew_。

2、1 scrollAmount它表示速度，值越大速度越快2 加入onmouseover=stop onmouseout=start代码，鼠标指向循环文字图片时他们会停止滚动，鼠标离开时继续滚动给滚动图片加超链接 用lta href=和lta把ltimg包围；打开Dreamweaver8，新建一网页文件，并保存为名为“indexhtml#34文件切换至代码编辑界面，输入如下代码 bodydiv id=#34photolist#34 ul id=#34scroll#34 lia href=#34##34img src=#34；1在html编辑器软件内，新建html页面，一般我们常使用的两款编辑器是HBuilder和Adobe Dreamweaver，这里我使用的软件是HBuilder2在ltbodyltbody添加ltdiv class=quotnavquotltdiv，于ltdiv class=quotnavquotltdiv；下面的图片滚动代码仅用于html网页中，分别可以向上向下向左向右的滚动把下面此代码插入html网页的ltbodylt body中就可以了lt！下面是向上滚动代码 ltdiv id=butong_net_top style=overflowhiddenheight100。

3、第 7，8，9 行更改总体设置 第 65 行开始加入自定义内容 将JS嵌入到显示的固定位置 var intSTime = 4000定义图片轮换时间 var intSWidth = 160定义图片宽度，单位像素 var intSHeight = 140定义图片高度，单位；方案一直接使用HTML的滚动标签 marquee ，把图片放入滚滚标签内部，代码如下ltmarquee ltimg src=#391jpg#39 ltimg src=#392jpg#39 ltimg src=#393jpg#39 ltimg src=#394jpg#39 ltmarquee 方案二使用第三方插件；那个不用javascrip也可以实现的，这个直接加到你想要让它显示的html代码下就可以了，如下 1代码如下这是让图片上下滚动的代码 ltmarquee behavior=quotalternate上下滚动scrollquot scrollamount速度=quot2quot loop这是显示循环；把要实现滚动图片的图片进行重叠，再利用javascript实现滚动效果，left=*px，或者left+=*px。

4、lt！ ***js代码*** ltscript type=quottextjavascriptquot var scrollDiv = documentgetElementsByClassNamequotscroll_divquot0 定义初始值 var left =0 定义一个定时器 走一步 function move var t；lt！下面是向上滚动代码 ltdiv id=butong_net_top style=overflowhiddenheight100width90 ltdiv id=butong_net_top1 ltimg src=quot插入需要滚动的图片quot ltimg src=quot插入需要滚动的图片quot ltimg src=quot；图片向左无缝滚动 ltstyle type=quottextcssquot lt！ demo background #FFFoverflowhiddenborder 1px dashed #CCCwidth 500px demo img border 3px solid #F2F2F2 indemo float leftwidth。

5、src=quot你的图片地址quotltmarquee 如果需要在当鼠标移动到图片上时停止滚动，就在ltmarquee里加onmouseover=stoponmouseout=start，例如ltmarquee direction=down onmouseover=stoponmouseout=startltimg src=quot你的图片。