请教大家一个CSS的问题————就是鼠标放到图片上，图片慢慢变清淅的CSS

[foxconn_nich]

请教大家一个CSS的问题————就是鼠标放到图片上，图片慢慢变清淅的CSS,鼠标移开后，图片又慢慢变回原样，请供CSS原码!谢谢,马上结贴

[cwBiglin]

这个用CSS办的到吗？怕要用JavaScript吧。

关注～～～

[scrutinous]

自己先做一个gif动画的图片的，再在Dreamweaver中做一个交换图的效果就可以了

[foxconn_nich]

Javascript+CSS

[scrutinous]

还有一种就是用javascript来实现了
代码如下：
<table width="300" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#111111" style="border-collapse: collapse">
<SCRIPT language=JavaScript1.2>
<!--
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",100)<!-- 设置显示的时间快慢，值越大越慢 -->
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=10<!-- 设置的透明度 ，值越小透明度越低->
}


function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
//-->
</SCRIPT>

<tr>

<td height="157" align="center" valign="top"><br>
<a href="http://www.163.com"><img border="0" src="http://cimg.163.com/news/0510/24/1.jpg" onmouseout="low(this)" onmouseover="high(this)" style="border:1px solid #000000; FILTER: alpha(opacity=50)" width="100" height="139" ></a>
</td>
</tr>
</table>