📄 跟随鼠标的图片.txt

📁 网页特效的代码,在美化网页时有很大的作用

💻 TXT

字号:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>

<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=1

// URL of your image
var imgurl="../../../images/006s.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()}
}

function makeworm() {
	if (flag==1) {
    	for (i=imgslices; i>=0; i--) {
			thispos=width_slice
   			xpos[i]=xpos[i-1]-thispos
			ypos[i]=ypos[i-1]
    	}
		xpos[0]=x
		ypos[0]=y
		thispos=0
		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=#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>


</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -