我想问一下问题,大家帮帮我。

是这样的,

我现在手头有些图。

我想问,怎么样,实现,鼠标放在上面(刚开始图片不清晰,有点模糊),然后图片由不明到透明清晰的效果。

我不希望是两张图变动的。想问下,以前看过,这样的效果,现在一时我也找不到,

谢谢。

作者: myowngod   发布时间: 2004-05-12

CSS有这个效果

作者: yjjqtdht   发布时间: 2004-05-12

<head>区域中加入:
<SCRIPT language="JavaScript">
<!--
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=20
}
//-->
</SCRIPT>

<body>区域中加入:
<img src="j2.gif" style="filter:alpha(opacity=20)" onMouseOver="makevisible(this,0)" onMouseOut="makevisible(this,1)">

作者: qiao   发布时间: 2004-05-12

谢谢,太感谢两位。

作者: myowngod   发布时间: 2004-05-13

函数仿佛没有实现渐变性吧?

作者: flyromza   发布时间: 2004-05-14

<img src=http://www.phpx.com/happy/avatar.php?userid=14117&dateline=1080191257
onmouseover=show(this) onmouseout=re(this) style='filter:alpha(opacity=30)'>
<img src=http://www.phpx.com/happy/avatar.php?userid=14117&dateline=1080191257
onmouseover=show(this) onmouseout=re(this) style='filter:alpha(opacity=30)'>
<script>
var globalObj=null;
var opcy=5;
var st;
function show(obj)
{
   
   globalObj=obj;

   globalObj.filters.alpha.opacity+=opcy;
   if(globalObj.filters.alpha.opacity<100)
   st=setTimeout("show(globalObj)",40);
   else
   {
     clearTimeout(st);
      globalObj=null;
   }
}

function re(ob)
{  
  
  clearTimeout(st);
   ob.filters.alpha.opacity=30;
}
</script>

作者: longhorn   发布时间: 2004-05-14