js轮换代码

<!-- 轮换图片开始 -->
                                       < SCRIPT > // Alpha：设置透明度
                                        // Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)
                                        // Opacity：透明度级别，范围是0-100，0代表完全透明，100代表完全不透明。
                                        // FinishOpacity：设置渐变的透明效果时，用来指定结束时的透明度，范围也是0 到 100。
                                        // Style：设置渐变透明的样式，值为0代表统一形状、1代表线形、2代表放射状、3代表长方形。
                                        // StartX和StartY：代表渐变透明效果的开始X和Y坐标。
                                        // FinishX和FinishY：代表渐变透明效果结束X和Y 的坐标。
                                        var widths = 300 ;             
                                        var heights = 180 ;             
                                        var counts = 9 ;
                                        var text = new Array(); 
                                       
                                        img1 = new Image ();img1.src = ' image/img/sy/01.jpg ' ;
                                        img2 = new Image ();img2.src = ' image/img/sy/02.jpg ' ;
                                        img3 = new Image ();img3.src = ' image/img/sy/03.jpg ' ;
                                        img4 = new Image ();img4.src = ' image/img/sy/04.jpg ' ; 
                                       
                                        url1 = new Image ();url1.src = ' http://www.zdtz888.cn ' ;
                                        url2 = new Image ();url2.src = ' image/img/sy/02.jpg ' ;
                                        url3 = new Image ();url3.src = ' image/img/sy/03.jpg ' ;
                                        url4 = new Image ();url4.src = ' image/img/sy/04.jpg ' ;
                                       
                                        text[ 1 ] = " 大标题1 " ;
                                        text[ 2 ] = " 大标题2 " ;
                                        text[ 3 ] = " 大标题3 " ;
                                        text[ 4 ] = " 大标题4 " ;
                                        text[ 5 ] = " 大标题5 " ;
                                        text[ 6 ] = " 大标题6 " ;
                                        text[ 7 ] = " 大标题7 " ;
                                        text[ 8 ] = " 大标题8 " ;
                                        text[ 9 ] = " 大标题9 " ;


                                       
                                       
                                        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 );}
                                        // {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 j = 1 ;j <= counts;j ++ )eval( ' document.getElementById("xxjdjj"+j).href=url ' + nn + ' .src ' );
                                        for ( var i = 1 ;i <= counts;i ++ ){document.getElementById( " xxjdjj " + i).className = ' axx ' ;}
                                        for ( var j = 1 ;j <= counts;j ++ ){document.getElementById( " xxjdjj " + j).className = ' bxx ' ;}
                                        nn ++ ; if (nn > counts){nn = 1 ;}
                                        tt = setTimeout( ' change_img() ' , 5000 );}
                                        function changeimg(n){nn = n;window.clearInterval(tt);change_img();}
                                        document.write( ' <style> ' );
                                        document.write( ' .axx{padding:2px 2px;border:0px;width:30%;margin:1px;} ' );
                                        document.write( ' a.axx:link,a.axx:visited{text-decoration:none;color:#fff;line-height:18px;font:9px sans-serif;background-color:#333;} ' );
                                        document.write( ' a.axx:active,a.axx:hover{text-decoration:none;color:#fff;line-height:18px;font:9px sans-serif;background-color:#666;} ' );
                                        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:18px;font:9px sans-serif;background-color:#D34600;} ' );
                                        document.write( ' a.bxx:active,a.bxx:hover{text-decoration:none;color:#fff;line-height:18px;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" target="_blank"><img id="pic"  style="border:0px;filter:progid:dximagetransform.microsoft.wipe(gradientsize=0.0,wipestyle=4, motion=forward)" width= ' + widths + ' height= ' + heights + ' /></a></div> ' );
                                       
                                        document.write( ' <div style="filter:alpha(style=2,opacity=70,finishOpacity=60);background: #000;width:250px;text-align:left;top:-50px;position:relative;margin:1px;height:50px;padding:0px;margin:0px;border:0px; float:left; border-top:1px solid #888;"> ' );
                                        for ( var j = 1 ;j < counts + 1 ;j ++ ){document.write( ' <a id="xxjdjj ' + j + ' " class="bxx" target="_blank"> ' + text[j] + ' </a> ' );}
                                        document.write( ' </div> ' );

                                        document.write( ' <div style="filter:alpha(style=2,opacity=70,finishOpacity=60);background: #000;width:50px;text-align:right;top:-50px;position:relative;margin:1px;height:50px;padding:1px;margin:0px;border:0px; float:right; border-top:1px solid #888;"> ' );
                                        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>
                                     <!-- 轮换图片结束 -->