JS图片自动轮换效果实现思路附截图

今天不在状态，安静五一快到了，俺就特想玩了。好了，天色已晚，闲话不多说，看下用爪哇岛描述语言实现的图片自动轮换效果，先看图片

下面是具体的代码，还是比较简单的。复制代码代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=UTF-8' /标题越狱的囚徒/title style type='text/css ' .内容{ border:3px固体红色；padding:3px宽度宽度：500像素宽度：245像素位置：相对；} .内容img { border:0}。内容div {位置：绝对；z指数：1000;border:2px纯绿色；padding:3px 5px背景# ccc}。内容cur { background:red颜色：白色；}//当前显示的图片的小方块，红色背景白色字体/style脚本类型=' text/JavaScript ' var arr=[' images/1。jpg '，' images/2.jpg '，' images/3.jpg '，' images/4.gif '，' images/5。jpg ']；var I=0；var ob，obk函数伦欢(){ if(i4){//数字大于四就从0开始I=0；} ob=文档。getelementbyid(' image1 ')；卒于src=arr[I]；//所有分区-0到div-4，背景颜色置灰for(var j=0；j=4；j){文档。getelementbyid(' div-' j)。风格。背景颜色=' # CCC文件。getelementbyid(' div-' j .)。风格。颜色='黑色'；} obk=文档。getelementbyid(' div-' I)；obk。风格。背景颜色='红色'；obk。风格。颜色='白色'；我；}/script/head body on load=' window。' setinterval(LUN Huan，1000)；'div class=' content ' img id=' image 1 ' src=' http : images/1。jpg '/div class=' cur ' id=' div-0 ' style=' top :215 px；'right :128 px ' 1/div div id=' div-1 ' style=' top :215 px；right :98 px ' 2/div div id=' div-2 ' style=' top :215 px；'right :68 px ' 3/div div id=' div-3 ' style=' top :215 px；right :38 px ' 4/div div id=' div-4 ' style=' top :215 px；'右：8px'5/div /div输入类型='按钮'值=' test ' onclick=' LUN Huan()；'//正文/html简单的说下流程： 1.先定义最外层的第2分区.再定义紧挨着的图片第3分区.图片右下角的小方块差异用计时器函数，实现图片轮换，并让小方块也产生对于的变化好吧，睡觉。