跟随鼠标的图片

移动鼠标看看！

脚本说明:
把如下代码加入<body>区域中
<SCRIPT>
<!-- Beginning of JavaScript -

// width and height of your image
var imgwidth=238
var imgheight=291

// number of slices the image is cut
var imgslices=12

// URL of your image
var imgurl="lady.jpg"

var width_slice=Math.ceil(imgwidth/imgslices)
var cliptop=0
var clipbottom=imgheight
var clipleft=0
var clipright=width_slice

var postop=0
var thispos=0

var x,y
var flag=0
var box

function handlerMM(e){
	x = event.clientX
	y = event.clientY
	flag=1
}

if (document.all) {
	document.onmousemove = handlerMM;
}

var xpos=new Array()
for (i=0;i<=imgslices;i++) {
	xpos[i]=-imgwidth
}

var ypos=new Array()
for (i=0;i<=imgslices;i++) {
	ypos[i]=-imgheight
}

function initiateworm() {
	if (document.all) {makeworm()}
}

document.write('<body bgcolor=#33CC33 onLoad=initiateworm()>')

for (i=0;i<=imgslices-1;i++) {
    document.write("<span id='span"+i+"' style='position:absolute;visibility:visible;left:"+(-imgheight)+"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>