用CSS来实现：默认图片是灰色的，鼠标移上去变亮变清晰的效果

默认图片是灰的，鼠标移上去变亮变清晰，这个效果实现起来其实挺简单的，一句CSS就可以解决，知道CSS的你多会知道连接a的写法，只要定义好这个就OK了。
A IMG {FILTER: gray}
A:hover IMG {FILTER:}
这就是实现这个效果的关键CSS语句，定义好a img 就可以鼠标移到该图变亮
此法的好处有(相对而言)：支持多图应用；去色和还原速度快，看起来明显；代码简练！
具体代码如下：
<STYLE type=text/css>
A IMG {
FILTER: gray
}
A:hover IMG {FILTER:
}
</STYLE>
<A href="http://www.tc711.com/blog/"><IMG src="http://www.tc711.com/images/index_01.gif" border=1></A>

复制代码到页面上，运行看具体效果，您可以先修改部分代码再运行

HTML代码<STYLE type=text/css> A IMG { FILTER: gray } A:hover IMG {FILTER: } </STYLE> <A href="http://www.tc711.com/blog/"><IMG src="http://www.tc711.com/images/index_01.gif" border=1></A>

更多的用CSS来实现：默认图片是灰色的，鼠标移上去变亮变清晰的效果请到论坛查看: http://BBS.TC711.COM

【双击滚屏】【评论】【收藏】【打印】【关闭】来源：互联网日期：2012-3-1