前几天朋友一个网站越到了一个问题。就是图片第一是彩色的。要让他是灰色,然后移动上去才是灰色!
于是我就帮啊做了一个。建议大家用第一种。第二张不能动态实现!
第一种,javascript的。比较动感:
<img src="/uploads/allimg/100119/1-100119140937-lp.jpg" style="FILTER: gray" onMouseOver="this.style.filter='alpha(opacity=100)';high(this);" onMouseOut="this.style.filter='gray'" alt="2009120404"/ width="150" border="0">
第二种,css的,比较简单,代码同样简单:
<STYLE type=text/css>
A IMG { FILTER: gray;} <!-- 通过滤镜让图片以灰色显示 -->
A:hover IMG {FILTER:} <!-- 通过滤镜恢复图片为彩色 -->
</STYLE>