不要以为须要把图像分割为许多片，这其实只用一张完整图像，脚本替您完成。 安装： 步骤一 拷贝以下脚本后贴在有关网页的 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>之间，您要用到它的部位。