网站制作学习网JS脚本→正文:超酷的文字
字体:

超酷的文字

JS脚本 2008/1/12 8:22:32  点击:不统计

1、将以下代码加入HEML的<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:80px;

left:40px;

width:300px;

color:000000;

text-align:center;

font-size:20pt;

font-family:Times;

}

</style>



====2、将以下代码加入HEML的<body></body之间>



<div id="ring" class="ringstyle">

<p><font color="#FF8080">:-)</font></p>

</div><div id="redirection" class="explain">

<p>移动你的鼠标到这里来看看<a target="_blank" onMouseOver="ringup()"

href="http://www.happydrips.com">是不是很棒的效果</a></p>

</div>

·上一篇:逐隐逐现的文字 >>    ·下一篇:Javascript优化 >>
推荐文章
最新文章