超链接颜色渐变

<!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:#ff3333;
 font-size: 9pt;
 text-decoration: none;
 cursor:url();
}
.sy2 {
 font-size: 9pt;
 filter:blendtrans(duration=.3);
 cursor:url();
 color:#333333;
}

-->
</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" onmouseleave=mhLeave() onclick="location.href='#'" 
onmouseenter=mhEnter() noWrap> <font style="font-size:15">超链接颜色渐变</font></td>
</tr>
</table>
</body>
</html>

posted @ 2009-03-04 15:27  YaSin  阅读(556)  评论(1)    收藏  举报