飞出文字的链接

itlearner.com

飞出文字的链接 (将鼠标放到文字上看效果)

将下面代码加在你html文件的<head>与</head>中间:

function handlerMM(e){
	x = (document.layers) ? e.pageX : event.clientX
	y = (document.layers) ? e.pageY : event.clientY
}

function ringup() {
	if (document.all) {
		thisx = x
		thisy = y
		ringup2()
	}
}

function ringup2() {
	if (i_fontsize<=1000) {	
		document.all.ring.style.fontSize=i_fontsize
		document.all.ring.style.color="rgb(255,"+Math.floor(i_fontsize/6)+","+Math.floor(i_fontsize/6)+")"
    	document.all.ring.style.posLeft=thisx-(Math.floor(i_fontsize/3))
		document.all.ring.style.posTop=thisy-(Math.floor(i_fontsize/1.4))	
		step+=4
		i_fontsize+=step
		timer=setTimeout("ringup(2)",50)
	}
	else {
		clearTimeout(timer)
		i_fontsize=0
		step=0
		document.all.ring.style.posTop=-10000
	}
}

document.onmousemove = handlerMM;

//-->
</script>

<STYLE>
.ringstyle {
	position:absolute;
	visibility:visible;
	top:-50px;
	font-size:5pt;
	font-family:Verdana;
	color:FF0000
}
.explain {
	position:absolute; 
	top:50px; 
	left:175px; 
	width:300px; 
	color:000000;
	text-align:center;
	font-size:20pt;
	font-family:Times;
}
</STYLE>

将下面代码加在你html文件的<body>与</body>中间:

<DIV id="ring" class="ringstyle">itlearner.com</DIV>

说明：修改颜色大小和位置坐标；将文字、链接换成您需要的即可。