1、1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的script标签中，填入js代码setInterval#39$quotimgquotattrquotsrcquot， quotsmall3pngquot#39， 10003浏览器进入indexhtml页面中，此时显示出一张图片4过1秒后，图片自动切换为另一张图片了。

2、1首先，打开html编辑器，新建html文件，例如indexhtml，输入问题基础代码2在indexhtml中的script标签中，输入js代码$#39a#39hoverfunction$#39img#39css#39display#39，#39block#393浏览器运行indexhtml页面，此时鼠标移动到超链接上，下面的图片自动显示了出来csshover用法在c。

3、oImgsrc=arrImgUrlnumsetIntervalTab，1000ltscriptltheadltbodyltimg id=quotimg1quot src=quotimg1jpgquot width=quot288quotltbodylthtml注意图片放在 名称为 img 的文件夹中，而且是格式的，否则需要修改html。

4、2 在容器内部创建一个ul标签，用于存放所有的图片每一张图片都需要使用li标签来包裹，并设置floatleft属性，使其能够排列在一行3 在CSS中，设置图片的宽度高度位置等属性同时，设置容器和图片的过渡效果，使其在切换时能够有动画效果4 在JavaScript中，使用setInterval函数和DOM操作。

5、1首先，打开html编辑器，新建html文件，例如indexhtml，编写问题基础代码2在indexhtml中的ltscript标签，输入js代码function fun var a = Mathrandom * 5#39img#39attr#39src#39， #39image#39 + a + #39jpg#39 3浏览器运行indexhtml页面，此时点击图片会换一张图片。

6、lthtml 编写stylecss文件，代码如下 margin0px textdecoration bodymargintop50px containerwidth600px height400px positionrelativeborder3px solid #333overflow hidden margin0 auto listwidth4200px height400px positionabsolute zindex1。

7、html5网页背景图手动上传切换代码这样写1html5网页背景图手动上传切换代码需要在网页上点击鼠标右键查看网站源代码2找到css里面的背景图这一段代码，查看背景图路径，通过ftp或者服务器进行替换图片即可。

8、setIntervalfunction quot#div_picquotcssquotbackgroundImagequot， quoturlquot + arryi + quotquoti++if i == 5 i = 0 ， 5000 定时换背景图片的代码 * 下面是图片切换代码 var tvar speed = 2 图片切换速度 var nowlan = 0 图片开始时间 f。

9、点击鼠标，还是点击按钮，还是点击图片如果是点击鼠标，写一个遮罩层，遮罩层为全透明rgba0 ，0 ，0， 0遮罩层设置点击事件onclick 点击后隐藏当前图片，显示另一张，用if点击按钮，你可以在按钮上写个点击事件 ，默认当前为true 点击后就变为false var a=ture点击后 a=a！一个图片用a。

10、素材的准备为了更好的表现网站的风格和特色，具备一些更富表现力和吸引力的图片是必不可少的同理，小编也准备了一些与网页主题密切相关的图片，用于做为实现图片滚动效果的素材打开Dreamweaver8，新建一网页文件，并保存为名为“indexhtmlquot文件切换至代码编辑界面，输入如下代码ltbodyltdiv id=。

11、第一种把如下代码加入ltbody区域中 ltbody onclick=Clicked ltSCRIPT lt！ transeffect = 0theeffects = new Array24theeffects0 = “盒状收缩“theeffects1 = “盒状向外“theeffects2 = “圆形收缩“theeffects3 = “圆形向内“theeffects4 = “从下向上。

12、HTML中图片轮播代码如下lt！DOCTYPE htmllthtmlltheadlttitle图片轮播代码lttitleltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10，maximumscale=10，minimumscale=10，userscalable=0quotltheadltstyle type=quottextcssquot bodymaxwidth。

13、ltMARQUEE onmouseover=stop onmouseout=start scrollAmount=3 loop=infinite deplay=quot0quotltIMG src=quot第一张图片地址quot ltIMG src=quot第二张图片地址quotltMARQUEE 注释1 scrollAmount它表示速度，值越大速度越快2 加入onmouseover=stop onmouseout=start代码，鼠标指向。

14、ltscript lthead ltbody id=quotbg_bodyquot ltbody lthtml 你背景图片就设置了一个2jpg再切换也是这一张图片啊 如果有多张图片比如说110jpg，那就把oSbackgroundImage=#39url2jpg#39改为oSbackgroundImage=#39url#39+parseIntMathrandom * 10 + 1+#39jpg#39。

15、1首先，打开html编辑器，创建一个新的html文件，例如indexhtml，然后引入jquery，如下图所示2其次，完成上述步骤后，在indexhtml的ltscript标记中，输入下图红框中的jquery代码，如下图所示3接着，完成上述步骤后，浏览器运行indexhtml页面，显示出了其中1张背景图片，如下图所示4最后。