当前位置:开发者网络 >> 网页特效 >> 文本特效 >> 内容
精彩推荐
分类最新特效
分类热点特效
  
链接文字当鼠标放上去时就出现阴影效果,颜色也可以变化
日期:2005-06-08   人气:   【字体: 】【收藏此文


<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供! -->
<!-- 要实现此效果需要 1 个步骤: -->

<!-- 第 1 步: -->
<!-- 把下面的代码加到<BODY></BODY>区域中: -->

<style type="text/css">
<!--
.GlowFilter {filter : Glow(Color="#3300ff",Strength="10")}
.noglow {}
-->
</style>





第二步:把如下代码加入<body>区域中:
<div ID="rollover1"
STYLE="height:10; font:bold 10pt Arial; color:#0080ff; cursor:hand;><a href=" #"
Onmouseover="rollover1.className='GlowFilter'" Onmouseout="rollover1.className='noglow'"
onclick="window.location='http://www.163.com;">

<p>网易</p>
</div>

<p><br>
</p>
<div ID="rollover2"
STYLE="height:10; font:bold 10pt Arial; color:#0080ff; cursor:hand;><a href=" #"
Onmouseover="rollover2.className='GlowFilter'" Onmouseout="rollover2.className='noglow'"
onclick="window.location='http://www.sina.com.cn;">

<p>新浪</p>
</div>

<p><br>
</p>
<div ID="rollover3"
STYLE="height:10; font:bold 10pt Arial; color:#0080ff; cursor:hand;><a href=" #"
Onmouseover="rollover3.className='GlowFilter'" Onmouseout="rollover3.className='noglow'"
onclick="window.location='http://www.sohu.com;">

<p>搜狐</p>
</div>