本文描述了淡入淡出js图片轮播效果代码。分享给大家参考。具体如下：

操作效果图：检查效果。

提示：如果浏览器工作不正常，可以尝试切换浏览模式。为大家分享的js图片轮播效果代码如下

htmlheadtitlejs图片轮播效果代码/title style type=' text/CSS ' table img :悬停{光标：指针；}/style/head dydiv align=' center ' script var roll _ image=new Array；var image_link=新数组；var small_img=新数组；roll _ image[0]=' images/01。jpg '；image _ link[0]=' http://www .兰伦图库。com '；small _ img[0]=' images/main _ flash _ button 1 _ on。gif '；roll _ image[1]="images/02。jpg”；image _ link[1]=' http://www .兰伦图库。com '；small _ img[1]=' images/main _ flash _ button 2 _ on。gif '；roll _ image[2]="images/03。jpg”；image _ link[2]=' http://www .兰伦图库。com '；small _ img[2]=' images/main _ flash _ button 3 _ on。gif '；roll _ image[3]="images/04。jpg”；image _ link[3]=' http://www .兰伦图库。com '；small _ img[3]=' images/main _ flash _ button 4 _ on。gif '；roll _ image[4]="images/05。jpg”；image _ link[4]=' http://www .兰伦图库。com '；small _ img[4]=' images/main _ flash _ button 5 _ on。gif '；roll _ image[5]="images/06。jpg”；image _ link[5]=' http://www .兰伦图库。com '；small _ img[5]=' images/main _ flash _ button 6 _ on。gif '；roll _ image[6]="images/07。jpg”；image _ link[6]=' http://www .兰伦图库。com '；small _ img[6]=' images/main _ flash _ button 7 _ on。gif '；var cliImg=var cliImgSrc=var imgNo=math。圆(数学。random()* 7)；定义变量区间=3000;var setTime=函数单击_simg(ci，no){ var Pimg=document。全部。大imgvar PLink=文档。全部。imglinkif(cliImg==' '){ cliImg=ci；cliImgSrc=ci。srcci。src=small _ img[no]；imgNo=否；皮姆。src=roll _ image[no]；普林克。href=image _ link[no]；} else if(cliImg！=ci){ cliimg。src=cliImgSrccliImg=cicliImgSrc=ci。srcci。src=small _ img[no]；imgNo=否；皮姆。src=roll _ image[no]；普林克。href=image _ link[no]；} clear time out(set time)；setTime=setTimeout('rotate()'，interval)；}函数rotate(){ imgNo=(imgNo=6)？0 : IMgno 1；var ci=eval('文档。全部。num _ img ' IMgno)；文件。全部。大img。过滤器。混合交易。apply()；文件。全部。伊姆格林克。href=image _ link[IMgno]；文件。全部。大img。src=roll _ image[IMgno]；文件。全部。大img。过滤器。混合运输。play()；if(cliImg==' '){ cliImg=ci；cliImgSrc=ci。srcci。src=small _ img[IMgno]；} else if(cliImg！=ci){ cliimg。src=cliImgSrccliImg=cicliImgSrc=ci。srcci。src=small _ img[IMgno]；} setTime=setTimeout('rotate()'，interval)；}/////SCRIPTTABLE单元格间距=0单元格填充=0宽度=520边框=0 TBODY TR TD高度=338 A onfocus=this。blur()href=' # ' name=imglinkIMG style=' filter : blend transs(duration=1)' height=338 src=' http 3360 images/01。jpg ' width=520边框=0 name=big img/A/TD/TR TD高度=27表格单元格间距=0单元格填充=0宽度高度=15 src=' http : images/main _ flash _ button 1。gif '宽度=61边框=0名称=num _ img 0/TD TD TD宽度=3/TD TD宽度=61 img样式='光标：手' onclick=' click _ simg(this，1)；'高度=15 src=' http : images/main _ flash _ button 2。gif ' width=61 border=0 name=num _ img 1/TD TD width=3/TD TD width=61 img style=' cursor : hand ' onclick=' click _ simg(this，2)；高度=15 src=' http : images/main _ flash _ button 3。gif ' width=61 border=0 name=num _ img 2/TD TD width=3/TD TD width=61 img style=' cursor : hand ' onclick=' click _ simg(this，3)；高度=15 src=' http : images/main _ flash _ button 4。gif ' width=61 border=0 name=num _ img 3/TD TD width=3/TD TD width=61 img style=' cursor : hand ' onclick=' click _ simg(this，4)；'高度=15 src=' http : images/main _ flash _ button 5。gif '宽度=61边框=0名称=num _ img 4/TD TD TD宽度=3/TD TD TD宽度=61 img样式='光标：手' onclick=' click _ simg(this，5)；'高度=15 src=' http : images/main _ flash _ button 6。gif '宽度=61边框=0名称=num _ img 5/TD TD TD宽度=3/TD TD TD宽度=61 img样式='光标：手' onclick=' click _ simg(this，6)；高度=15 src=' http : images/main _ flash _ button 7。gif ' width=61 border=0 name=num _ img 6/TD TD width=72/TD/TR/TBODY/TABLE/TD/TR/TBODY/TABLEp脚本rotate()；/SCRIPT br/div/BODY/HTML精彩专题分享：jQuery图片轮播Java脚本语言图片轮播引导程序图片轮播

以上是给大家分享的js图片轮播效果代码。希望大家都能喜欢。