📄 跟随鼠标的破碎图片picpicmouse.txt

📁 JavaScript特效（新）这里有许多的JAVA特效.供学者参考

💻 TXT

字号:

将下列代码复制到<body></body>之间：
<script>
<!-- Beginning of JavaScript -

// width and height of your naughty, naughty image
var imgwidth=120
var imgheight=240

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

// don't change the variables below
var imgslices=12

var height_slice=Math.floor(imgheight/imgslices)
var cliptop=0
var clipbottom=height_slice
var clipleft=0
var clipright=imgwidth

var x,y
var flag=0
var box

if (document.layers) {
	var left_pos=".left=";
	var top_pos=".top=";
	var doc="document.";
	var stl="";
}

if (document.all) {
	var left_pos=".pixelLeft=";
	var top_pos=".pixelTop=";
	var doc="";
	var stl=".style";
}

function handlerMM(e){
	x = (document.layers) ? e.pageX : event.clientX
	y = (document.layers) ? e.pageY : event.clientY
	flag=1
}
if (document.layers){
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

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

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

function makeworm() {
	if (flag==1 && document.all) {
    	for (i=imgslices; i>=1; i--) {
   			xpos[i]=xpos[i-1]
			ypos[i]=ypos[i-1]
    	}
		xpos[0]=x
		ypos[0]=y
	
		for (i=0; i<imgslices; i++) {
    		var thisspan = eval("document.all.span"+(i)+".style")
    		thisspan.posLeft=xpos[i]
			thisspan.posTop=ypos[i]
    	}
	}
	var timer=setTimeout("makeworm()",10)
}

document.write('<body bgcolor=#FFFFFF onLoad=makeworm()>')

for (i=0;i<=imgslices-1;i++) {
    document.write("<span id='span"+i+"' style='position:absolute;visibility:visible; clip: rect("+cliptop+"px "+clipright+"px "+clipbottom+"px "+clipleft+"px)'>")
	document.write("<img src='你的图片'>")
    document.write("</span>")
	cliptop+=height_slice
	clipbottom+=height_slice
}

//-->
</script>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -