产生放大效果的链接bigwordlink

2011-10-06 文本操作 ℃

先将下列代码复制到<head></head>之间：
<script>
<!--//

var x,y
var timer
var i_fontsize=0
var step=0
var thisx,thisy

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:200px; 
	left:240px; 
	width:300px; 
	color:000000;
	text-align:center;
	font-size:20pt;
	font-family:Times;
}
</STYLE>

再将下列代码复制到<body></body>之间：
<body bgcolor="#FFFFFF">

<DIV id="redirection" class="explain"><a href="http://javaer.home.chinaren.com" target="_blank" onMouseOver="ringup()">hotjava</a></DIV>

相关特效代码: 导航链接菜单间隔闪烁09/29; 强迫访问广告链接代码09/27; 图片局部放大效果特效07/18; 点击链接显示图片效果07/18; 点击链接展开图片03/31; 水波纹效果变换图片（图片带链接）03/28; 链接伪装代码03/14; 所有链接不停变色10/19; 鼠标放在图片上打开新链接09/25; 点击文字显示隐藏链接09/15

热门特效代码: 输入框的文字闪烁变色引人注意; 纯CSS内页内容切换选项卡; 鼠标经过链接显示注释旋转风火轮; 指向自动选择的输入框; 放大镜链接效果; 带注释的链接特效; 文字闪烁效果; 带注释的链接特效代码; 点击文字显示隐藏链接; WEB2.0圆形边框css做法

推荐特效代码: 字符连续消隐; 文字变色逐个出现; 段落文字百叶窗效果输出; 点击文字显示隐藏链接; 文字由小变大由大变小（动态变化; 文字来回上下移动或跳动