链接颜色渐变

link.htc文件,主要为JS代码
<public:component>
<public:attach event="onmouseover" onevent="domouseover()">
<public:attach event="onmouseout" onevent="domouseout()">
<script language="javascript">
function domouseover()
{
with(element)
{
filters.item(0).Apply();
filters.item(0).Play();
}
}

function domouseout()
{
with(element)
{
filters.item(0).Apply();
filters.item(0).Play();
}
}
</script>
</public:component>


然后在页面样式表中如下写:

<!-- 链接渐变 -->
<style>
td{font-size:12px;}
a:link, a:visited{color:#0000FF;height:2px; cursor:pointer; text-decoration:none;behavior:url("link.htc");filter:progid:dximagetransform.microsoft.gradientwipe(duration=1)}
a:hover, a:active{color:#E88D22;text-decoration:underline; }
</style>

最后页面上的链接,不做任何设置:

<div align="center"><a href="about_blank" target="_blank" >链接渐变</a></div>
posted @ 2009-03-04 15:26  YaSin  阅读(195)  评论(0)    收藏  举报