不要以為須要把圖像分割為許多片，這其實只用一張完整圖像，腳本替您完成。 安裝： 步驟一 拷貝以下腳本後貼在有關網頁的 HEAD 之中。 <script> <!-- Beginning of JavaScript - // 圖像的寬度(像素值) var imgwidth=500 // 圖像的高度(像素值) var imgheight=257 // 圖像鏈接路徑 var imgurl="maha_c.jpg" // 圖像至窗口左端的距離(像素值) var x_finalpos=140 // 圖像至窗口頂端的距離(像素值) var y_finalpos=180 // 分隔為幾片 var imgslices=20 // 的速度 var step=50 var pause=20 // 以下免理 var marginright var width_slice=Math.floor(imgwidth/imgslices) var cliptop=0 var clipbottom=imgheight var clipleft=0 var clipright=width_slice var spannummer=0 var spannrbefore=0 function initiate() { if (document.all) { moveslices_IE() } } function moveslices_IE() { var thisspan=eval("document.all.span"+spannummer+".style") if (thisspan.posLeft>x_finalpos-width_slice) { thisspan.posLeft-=step var timer=setTimeout("moveslices_IE()",pause) } else if (spannummer<imgslices-1) { clearTimeout(timer) thisspan.posLeft=x_finalpos spannummer++ var timer=setTimeout("moveslices_IE()",pause) } else { thisspan.posLeft=x_finalpos clearTimeout(timer) } } // - End of JavaScript - --> </script> 步驟二 拷貝以下代碼加在alt;bodyagt;之內。 onLoad="initiate()" 步驟三 拷貝以下腳本貼在<body>与</body>之間，您要用到它的部位。 <script> <!-- Beginning of JavaScript - for (i=0;i<=imgslices-1;i++) { marginright=screen.width+50 document.write("<span id='span"+i+"' style='position:absolute;visibility:visible; left:"+marginright+"px;top:"+y_finalpos+"px;clip:rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)'>") document.write("<img src='"+imgurl+"'>") document.write("</span>") clipleft+=width_slice clipright+=width_slice } // - End of JavaScript - --> </script>
安裝：
步驟一 拷貝以下腳本後貼在有關網頁的 HEAD 之中。
步驟二 拷貝以下代碼加在alt;bodyagt;之內。
onLoad="initiate()"
步驟三 拷貝以下腳本貼在<body>与</body>之間，您要用到它的部位。