[查看演示] 源码如下
----------------------------------------------------------
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>cool－www.51windows.Net</title>
<style>
.ringstyle{position:absolute;visibility:visible;top:-50px;color:#FF0000}
.explain {position:absolute;top:80px; left:40px; width:300px; color:#000000;font-size:9pt}
</style>
<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>
</head>
<body>
<div id="ring" class="ringstyle">
<font color="#FF8080">★</font>
</div>
<div id="redirection" class="explain" style="left: 184px; top: 136px; width: 126px; height: 30px">将鼠标移到这里来看看<br>
<a onMouseOver="ringup()" href="http://ascloudy.myetang.com">是不是很棒的效果</a>
</div></body></html>
<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div> |
