js轮播图菜鸟教程,javascript轮播图

熊雅达

图片轮播js代码,简洁明了,可代替flash轮播功能!div style=width:287px; height:248px; border:solid 1px #cecece;background:#F3F3F3; padding:6px; SCRIPT language=javascript type=text/javascript var widths=287; //宽 var heights=242; //高 var counts=4;    //显示的数量 img1=new Image ();img1.src=images/index/3.jpg;//图片地址 img2=new Image ();img2.src=images/index/4.jpg; img3=new Image ();img3.src=images/index/2.jpg; img4=new Image ();img4.src=images/index/1.jpg; url1=new Image ();url1.src=http://URL?action-viewnews-itemid-2439;//图片链接的URL url2=new Image ();url2.src=http://URL/?action-viewnews-itemid-2386-page-1; url3=new Image ();url3.src=http://URL/?action-viewnews-itemid-2384-page-4; url4=new Image ();url4.src=http://URL/?action-viewnews-itemid-2377-page-2; var nn=1; var key=0; function change_img() {if(key==0){key=1;} else if(document.all) {document.getElementById(pic).filters[0].Apply();document.getElementById(pic).filters[0].Play(duration=2);} eval(document.getElementById(pic).src=img nn .src); eval(document.getElementById(url).href=url nn .src); for (var i=1;i=counts;i ){document.getElementById(xxjdjj i).className=axx;} document.getElementById(xxjdjj nn).className=bxx; nn ;if(nncounts){nn=1;} tt=setTimeout(change_img(),6000);} function changeimg(n){nn=n;window.clearInterval(tt);change_img();} document.write(style); document.write(.axx{padding:1px 7px;border-left:#ffffff 1px solid;font-weight: bold;}); document.write(a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:14px;font:11px sans-serif;font-weight: bold;}); document.write(a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:14px;font:11px sans-serif;font-weight: bold;}); document.write(.bxx{padding:1px 7px;border-left:#ffffff 1px solid;font-weight: bold;}); document.write(a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:14px;font:11px sans-serif;background-color:#ff0000;font-weight: bold;}); document.write(a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:14px;font:11px sans-serif;background-color:#ff0000;font-weight: bold;}); document.write(/style); document.write(div style=width: widths px;height: heights px;overflow:hidden;text-overflow:clip;); document.write(diva id=url target=_blankimg id=pic style=border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward) width= widths height= heights //a/div); document.write(div style=filter:alpha(style=1,opacity=10,finishOpacity=80);background: #000000;width:100%-2px;text-align:right;top:-14px;position:relative;margin:1px;height:20px;padding:0px;margin:0px;border:0px;); for(var i=1;icounts 1;i ){document.write(a href=javascript:changeimg( i ); id=xxjdjj i class=axx target=_self i /a);} document.write(/div/div); change_img(); /SCRIPT /div