分享一下焦点图代码

由悟空于周二十一月 15, 2011 9:24 pm

代码:: <BODY> <SCRIPT> var roll_image = new Array; var image_link = new Array; var small_img = new Array; roll_image[0] = 'http://illiweb.com/fa/admin/icones/1.png'; image_link[0] = 'http://www.longluntan.com'; small_img[0] = 'http://illiweb.com/fa/admin/icones/1.png'; roll_image[1] = 'http://illiweb.com/fa/admin/icones/2.png'; image_link[1] = 'http://www.longluntan.com'; small_img[1] = 'http://illiweb.com/fa/admin/icones/2.png'; roll_image[2] = 'http://illiweb.com/fa/admin/icones/3.png'; image_link[2] = 'http://www.longluntan.com'; small_img[2] = 'http://illiweb.com/fa/admin/icones/3.png'; roll_image[3] = 'http://illiweb.com/fa/admin/icones/4.png'; image_link[3] = 'http://www.longluntan.com'; small_img[3] = 'http://illiweb.com/fa/admin/icones/4.png'; var cliImg = ''; var cliImgSrc = ''; var imgNo = Math.round(Math.random() * 4); var interval = 3000; var setTime = ''; function click_simg(ci, no){ var pImg = document.all.bigimg; var pLink = document.all.imglink; if(cliImg == '') { cliImg = ci; cliImgSrc = ci.src; ci.src = small_img[no]; imgNo=no; pImg.src =roll_image[no]; pLink.href = image_link[no]; } else if(cliImg != ci) { cliImg.src = cliImgSrc; cliImg = ci; cliImgSrc = ci.src; ci.src = small_img[no]; imgNo=no; pImg.src =roll_image[no]; pLink.href = image_link[no]; } clearTimeout(setTime); setTime=setTimeout("rotate()",interval); } function rotate(){ imgNo = (imgNo >= 3) ? 0 : imgNo+1; var ci = eval('document.all.num_img'+imgNo); document.all.bigimg.filters.blendTrans.apply(); document.all.imglink.href=image_link[imgNo]; document.all.bigimg.src=roll_image[imgNo]; document.all.bigimg.filters.blendTrans.play(); if(cliImg == '') { cliImg = ci; cliImgSrc = ci.src; ci.src = small_img[imgNo]; } else if(cliImg != ci) { cliImg.src = cliImgSrc; cliImg = ci; cliImgSrc = ci.src; ci.src = small_img[imgNo]; } setTime=setTimeout("rotate()",interval); } //--> </SCRIPT> <TABLE cellSpacing=0 cellPadding=0 width=200 border=0> <TBODY> <TR> <TD height=100> <A onfocus=this.blur() href="#" name=imglink><IMG style="FILTER: blendTrans(duration=1)" height=100 src="sf/SF1.jpg" width=200 border=0 name=bigimg></A> </TD> </TR> <TR> <TD height=27><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD width=3></TD> <TD width=61><IMG style="CURSOR: hand" onclick="click_simg(this, 0);" height=50 src="http://illiweb.com/fa/admin/icones/1.png" width=50 border=0 name=num_img0></TD> <TD width=3></TD> <TD width=61><IMG style="CURSOR: hand" onclick="click_simg(this, 1);" height=50 src="http://illiweb.com/fa/admin/icones/2.png" width=50 border=0 name=num_img1></TD> <TD width=3></TD> <TD width=61><IMG style="CURSOR: hand" onclick="click_simg(this, 2);" height=50 src="http://illiweb.com/fa/admin/icones/3.png" width=50 border=0 name=num_img2></TD> <TD width=3></TD> <TD width=61><IMG style="CURSOR: hand" onclick="click_simg(this, 3);" height=50 src="http://illiweb.com/fa/admin/icones/4.png" width=50 border=0 name=num_img3></TD> <TD width=72></TD> </TR> </TBODY> </TABLE></TD> </TR> </TBODY> </TABLE> <SCRIPT>rotate();</SCRIPT> </BODY>

小心使用吧这代码是我淘来的。。。原帖有教程
教程地址
代码总是让人纠结大家要有耐心。。。