| 大家在网上是不是经常看到把鼠标称到某幅图片后，这会幅图片就会变得清晰，鼠标离开又逐渐变谈这样的效果呀，这种效果可以用CSS的滤镜功能来定义，今天就跟大家说一下吧~~~
首先在<head>与</head>之间加入以下代码：
<script language=JavaScript1.2>
<!--
function high(which){
theobject=which
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which){
clearInterval(highlighting)
which.filters.alpha.opacity=50
}
function highlightit(that){
if (that.filters.alpha.opacity<100)
that.filters.alpha.opacity+=5
else if (window.highlighting)
clearInterval(highlighting)
}
//-->
</script>
然后在你要加载渐显的图片中调用以下代码：（以下为实例的源代码）
<img src="../image3/me.jpg" width="180"
height="150" alt="「渐显图例示范」"
onMouseOut=low(this) onMouseOver=high(this) style="filter:alpha(opacity=60)">
示例：
代码中的opacity值大家可按实际需要设定，如有任何疑问请与本人联系。
|
