CSS教程：图片由模糊到清楚的导航

<!-- 把下列代码加入到head区内 -->
<style>
.highlightit img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}

.highlightit:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

</style>

<!-- 把下列代码加入到body区内 -->
<a href="http://www.wysjs.cn/" class="highlightit"><img border="0" src=http://www.chinaz.com/Design/Pages/"/img/200406301.jpg"></a>
<a href="http://www.wysjs.cn/" class="highlightit"><img border="0" src=http://www.chinaz.com/Design/Pages/"/img/200406301.jpg"></a>