【摘抄】贴上一个段网上流行的图片切换功能——效果见右边导航中的【好书推荐】...

什么也不说了，代码！！！！！

< script language = " javascript "  type = " text/javascript " >
                 var  widths  =   160 ;
                 var  heights  =   210 ;
                 var  counts  =   6 ;
                img1  =   new  Image(); img1.src  =   ' https://images.cnblogs.com/cnblogs_com/OceanChen/172889/o_Design-Guidelines.png ' ;
                img2  =   new  Image(); img2.src  =   ' https://images.cnblogs.com/cnblogs_com/OceanChen/172889/o_ajaxinaction.jpg ' ;
                img3  =   new  Image(); img3.src  =   ' https://images.cnblogs.com/cnblogs_com/OceanChen/172889/o_linqbook.jpg ' ;
                img4  =   new  Image(); img4.src  =   ' https://images.cnblogs.com/cnblogs_com/OceanChen/172889/o_scotthabook.jpg ' ;
                img5  =   new  Image(); img5.src  =   ' https://images.cnblogs.com/cnblogs_com/OceanChen/172889/o_csharp3book.png ' ;
                img6  =   new  Image(); img6.src  =   ' https://images.cnblogs.com/cnblogs_com/OceanChen/172889/o_bookCLR_.gif ' ;
                url1  =   new  Image(); url1.src  =   ' http://www.amazon.com/Framework-Design-Guidelines-Conventions-Development/dp/0321246756 ' ;
                url2  =   new  Image(); url2.src  =   ' http://www.amazon.com/gp/product/1933988142/104-9219624-7383145?ie=UTF8&tag=scoblo04-20&linkCode=xm2&camp=1789&creativeASIN=1933988142 ' ;
                url3  =   new  Image(); url3.src  =   ' http://www.amazon.com/gp/product/1933988169?ie=UTF8&tag=scoblo04-20&linkCode=xm2&camp=1789&creativeASIN=1933988169 ' ;
                url4  =   new  Image(); url4.src  =   ' http://www.amazon.com/gp/product/0470187573/104-4617720-5654313?ie=UTF8&tag=scoblo04-20&linkCode=xm2&camp=1789&creativeASIN=0470187573 ' ;
                url5  =   new  Image(); url5.src  =   ' http://www.amazon.com/gp/product/0596527578/002-5242737-1614454?ie=UTF8&tag=scoblo04-20&linkCode=xm2&camp=1789&creativeASIN=0596527578 ' ;
                url6  =   new  Image(); url6.src  =   ' http://www.amazon.com/CLR-via-Second-Pro-Developer/dp/0735621632/ref=pd_sim_b_25 ' ;
                 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  (nn  >  counts) { nn  =   1 ; }
                    tt  =  setTimeout( ' change_img() ' ,  4000 );
                }
                 function  changeimg(n) { nn  =  n; window.clearInterval(tt); change_img(); }
                document.write( ' <style> ' );
                document.write( ' .axx{padding:1px 7px;border-left:#cccccc 1px solid;} ' );
                document.write( ' a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#666;} ' );
                document.write( ' a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#999;} ' );
                document.write( ' .bxx{padding:1px 7px;border-left:#cccccc 1px solid;} ' );
                document.write( ' a.bxx:link,a.bxx:visited{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;} ' );
                document.write( ' a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:12px;font:9px sans-serif;background-color:#D34600;} ' );
                document.write( ' </style> ' );
                document.write( ' <div style="width: '   +  widths  +   ' px;height: '   +  heights  +   ' px;overflow:hidden;text-overflow:clip;"> ' );
                document.write( ' <div><a id="url"><img 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: #888888;width:100%-2px;text-align:right;top:-12px;position:relative;margin:1px;height:12px;padding:0px;margin:0px;border:0px;"> ' );
                 for  ( var  i  =   1 ; i  <  counts  +   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>