中文(繁体)
<!--將下面的程式碼複製到<head>~</head>裡--> <script> <!--// //定義圖片的寬度和高度,所有的圖片要有相同的尺寸; var imgwidth=150 var imgheight=200 //下面定義了包含2個圖片的數組,數組的下標從0開始,你可以增加任意的圖片,按照順序增加即可,注意相應增加數組下標。 var imgname=new Array() imgname[0]="/img/200406301.jpg" imgname[1]="/img/200406302.jpg" imgname[2]="/img/200406303.jpg" //下面定義圖片的url,如果不需要url,將連接值設為"#"; var imgurl=new Array() imgurl[0]="http://www.downcodes.com" imgurl[1]="http:/ /www.downcodes.com/bbs/" imgurl[2]="http://www.downcodes.net" // 先預讀圖片,不要修改這裡; var imgpreload=new Array() for (i=0; i<=imgname.length-1;i++) { imgpreload[i]=new Image() imgpreload[i].src=imgname[i] } var pause=2000 // 圖片的顯示速度,數值小速度快; var speed=20 //下面的參數也會影響圖片顯示的速度,數值小速度快;代表2張圖片的顯示間隔。 var step=10 //不要修改下面的程式碼; var i_loop=0 var i_image=0 function stretchimage() { if (i_loop<=imgwidth) { if (document.all) { imgcontainer.innerHTML="<a href=' "+imgurl[i_image]+"' target='_blank'><img width='"+i_loop+"' height='"+imgheight+"' src='"+imgname[i_image]+"' border='0' ></a>" } i_loop=i_loop+step var timer=setTimeout("stretchimage()",speed) } else { i_loop=imgwidth clearTimeout(timer) imgcontainer.innerHTML="<a href='"+imgurl[i_image ]+"' target='_blank'><img src='"+imgname[i_image]+"' border='0'></a>" var timer=setTimeout("shrinkimage()",pause) } } function shrinkimage() { if (i_loop>=0) { if (document.all) { imgcontainer.innerHTML="<a href='"+imgurl[i_image]+"' target='_blank'><img width=' "+i_loop+"' height='"+imgheight+"' src='"+imgname[i_image]+"' border='0'></a>" } i_loop=i_loop-step var timer=setTimeout("shrinkimage( )",speed) } else { i_loop=0 clearTimeout(timer) changeimage() } } function changeimage() { i_image++ if (i_image>=imgname.length) {i_image=0} if (document.layers) { document. .document.write("<a href='"+imgurl[i_image]+"' target='_blank'><img src='"+imgname[i_image]+"' border='0'></a> ") document.imgcontainer.document.close() } stretchimage() } //more javascript from http://www.downcodes.com // --> </script> <style> .containerstyle { position:absolute; } </style> <!--將下面的程式碼複製到<body>裡--> <body onLoad="stretchimage()"> <!--將下面的程式碼複製到<body>~</body>裡--> <span id="imgcontainer" class="containerstyle"></span>