js代码如下，里面有详细解释 1 图片自动切换更改img标签src属性a制作一个切换函数 b加载事件，完成间歇函数功能 2 完成图片停止功能 3 如果鼠标移出图片，则间隙函数要调动起来 4 图片切换的时候对应的序号；2其次，完成上述步骤后，在indexhtml的标记中，输入下图红框中的jquery代码，如下图所示3接着，完成上述步骤后，浏览器运行indexhtml页面，显示出了其中1张背景图片，如下图所示4最后，完成上述步骤后，再次单。

哈哈，这几楼的回答都不太正确，css可以自己完成图片的自动切换，不需要什么js辅助人家楼主问的如何用css来实现，你搞的那个什么用js来实现，答非所问，还弄个专业回答，逗子终结者css有个执行简单动画的写法，比如；十五级大神的答案貌似不是很确切，其实css3+html5非常强大，基本上可以脱离js，除非要做出能响应移动设备触屏事件的网站，或者我的观点也落伍了，html5+css3也可以做出触屏响应特效我看csdn右侧图片切换有点。

网页背景自动图片切换代码怎么设置

HTML中图片轮播代码如下lt！DOCTYPE html图片轮播代码 bodymaxwidth 640pxmargin 0 auto #lunbo ul liwidth100%liststyle width640px height250pxbackgroundcolor #f00text。

如果只能用html来做切换图片，那只能用ltmarqueesltmarquees图片滚动代码来做，如果用js+flash图片乱转就好办了，就是平时网页上的图片切换效果flash也可以做图片的自动切换，几秒钟切换一张图片。

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

如果你想改变某个div的背景用下面的取ID documentgetElementByIdquotdividquotbackground=#39img1jpg#39 更换背景图片的话不要在标签内写背景色，否则显示不了背景。

lt！ abc a height 50pxwidth 50pxdisplay block lt！注意上面才是CSS代码，下面是div lthref=quot#quot字体 然后设置 div的背景图片 比如图片名为 bjgif CSS代码变为 lt！ abc a b。

jpgquot ltIMG id=oDIV5 style=quotDISPLAY quot width=972 height=261 src=quotimages05jpgquot 你把图片的链接改成你要用的图片的链接，就可以了大小根据你的需要来改。

可以用定时器setInterval 如果是有限的背景色切换，那把这些颜色放在一个数组里面，一秒切换一次 var arrColor=#39green#39，#39red#39，#39blue#39var i=0setIntervalfunction =arrColori。

css网页背景图片自动替换

src=arrImgUrlnumsetIntervalTab，1000注意图片放在 名称为 img 的文件夹中，而且是格式的，否则需要修改html。

windowonload=function varbkimgs=quotimagesimage1jpgquot，quotimagesimage2jpgquot，quotimagesimage3jpgquotvarbki=0setIntervalfunction varbody=documentgetElementsByTagNamequotbodyquot0。

使用纯CSS即可实现全部效果，代码也很简单原理hover触发CSS临近选择器 所需工具DW用来给图片画热区，PS算出弹出层的top和left偏移值我在Demo里画了三个热区位置如下图，你用鼠标悬停到上面即可看到效果。

var curIndex=0 时间间隔单位毫秒，每秒钟显示一张，数组共有5张图片放在Photos文件夹下 var timeInterval=1000 var arr=new Array arr0=quotphotos1jpgquot arr1=quotphotos2jpgquot arr2=quotph。

推荐一个给你，这是代码，详细的你可以看参考资料 fniFadeSlide = functioniSet iSet可选参数说明iSetfield==幻灯区域内的图片集 iSetico==按钮钩子 iSethigh==按钮高亮样式 iSetinterval==图片切。

下面是可配置轮播动画代码 fnslide=functionoptions var defaults= affect1， 1上下滚动 2幕布式 3左右滚动4淡入淡出 time 5000， 间隔时间 speed500， 动画快慢 dot_text。

第一步把下面这段代码插入到页面的与之间 isns = navigatorappName == quotNetscapequotfunction ztstrid，picurl，linkurl thisid=id thispicurl=picurl thislinkurl=linkurl zhuanti=new Arrayimgcount=。