我们在上网的时候，常常会见到一种图片渐显的效果：在正常状态下，图片呈低透明的状态，即透明度比较低看上去是一种朦胧的效果，而当鼠标移上去的时候，图片渐渐的显示的清晰起来。这样的效果是怎么做出来的呢，我们今天来看这个实例。
　　要实现这样的效果，仅是用CSS是完成不了的，需要通过JavaScript来进行控制。我们看下面的JavaScript脚本：


　　这段脚本实现了图片的渐渐显示的清晰。我们在插入图片的代码中，将图片的初始透明底设置的低一些，并设置鼠标事件，可以触动脚本的运行。看下面的代码：


　　在上面的代码中：style=\'FILTER:alpha(opacity=20)\'即设置了图片的初始透明度。
　　关于本例中，图片的边框效果，请参考这里：http://www.52css.com/article.asp?id=187

　　我们看最终的运行效果：