直接给出页面,运行把鼠标放在文字上就可以看到效果了,自己改一下,可以换成图片。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<style type="text/css">
<!--
.sy1 {
filter:blendtrans(duration=.3);
color:#666666;
font-size: 9pt;
text-decoration: none;
cursor:url();
}
.sy2 {
font-size: 9pt;
filter:blendtrans(duration=.3);
cursor:url();
color:#000000;
}
-->
</style>
<SCRIPT LANGUAGE="JavaScript">
function mhEnter()
{
window.event.srcElement.filters[0].apply();
window.event.srcElement.className="sy2";
window.event.srcElement.filters[0].play();
}
function mhLeave()
{
window.event.srcElement.filters[0].apply();
window.event.srcElement.className="sy1";
window.event.srcElement.filters[0].play();
}
</SCRIPT>
</head>
<body>
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="sy1" οnmοuseleave=mhLeave() οnclick="location.href='#'"
οnmοuseenter=mhEnter() noWrap>胡东平个人空间</td>
</tr>
</table>
</body>
</html>