当前位置：Gxlcms > JavaScript > 链接渐变效果_javascript技巧

链接渐变效果_javascript技巧

时间：2021-07-01 10:21:17 帮助过：6人阅读

<!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" onmouseleave=mhLeave() onclick="location.href='http://www.gxlcms.com'"  
onmouseenter=mhEnter() noWrap>www.gxlcms.com</td> 
</tr> 
</table> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

链接渐变效果_javascript技巧

人气教程排行