浮动层如何实现渐隐渐显？？？

使用Dreamweaver中自带的MM_showHideLayers()来显示/隐藏浮动层超级简单而且代码十分少，但是功能很单调，想要让层能够渐隐/渐显，请问该怎么办，如果有高手能在MM_showHideLayers()方法中做些修改实现此功能，那就太好了！function MM_showHideLayers() { //v9.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3)
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

使用Dreamweaver中“行为”里自带的MM_effectAppearFade('apDiv3', 1000, 0, 100, true)渐隐方法，总有一个奇怪的现象，第一次mouseover及out显示隐藏均正常，第二次就会出现over时先出现一下立刻再隐藏，郁闷死
楼主你好,你的问题被转载,并已经有了回答,如果需要,请抽空看一下,谢谢!
http://www.asp2100.cn/queshow.asp?id=50
应该是要这种效果吧...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#divMsg{
width:200px;
height:200px;
color:#FFFFFF;
background-color:#006699;
line-height:200px;
text-align:center;
}
</style>
<script type="text/javascript">
function setOpacity(obj, value){
if(document.all){
if(value == 100){
obj.style.filter = "";
}else{
obj.style.filter = "alpha(opacity=" + value + ")";
}
}else{
obj.style.MozOpacity = value / 100;
}
}
function changeOpacity(obj, startValue, endValue, step, speed){
if(step > 0 && startValue < endValue || step < 0 && startValue > endValue){
setOpacity(obj, endValue);
return;
}
setOpacity(obj, startValue);
setTimeout(function(){changeOpacity(obj, startValue-step, endValue, step, speed);}, speed);
}
function showMsg(){
var msg = document.getElementById("divMsg");
var step = 4, speed = 30;
msg.isShow = !msg.isShow;
if(!msg.isShow){
changeOpacity(msg, 0, 100, -step, speed);
}else{
changeOpacity(msg, 100, 0, step, speed);
}
}
</script>
</head><body>
<div id="divMsg">
测试渐隐/渐显....
</div>
<br />
<input type="button" value=" 显示/隐藏 " onclick="showMsg()" />
</body>
</html>
四楼的高手你好，我按你给的代码作了，运行后无反应，显示有一行程序出错，以下是一个测试页的代码，麻烦你复制后运行看看，万分感谢！！！
===============================================================================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">

</style>
<script type="text/javascript">

</script>
</head><body><table width="300" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td onmouseover="MM_showHideLayers('apDiv1','','show')"><div id="apDiv1" onmouseout="MM_showHideLayers('apDiv1','','hide')"><table width="100" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td bgcolor="#999900"> </td>
  </tr>
  <tr>
    <td bgcolor="#999900">菜单层的内容！</td>
  </tr>
</table>
  </div>
  鼠标移到这里就显示菜单啊！！！</td>
  </tr>
</table>
</body></html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">

</style>
<script type="text/javascript">

</script>
</head>
<body>

<div id="apDiv1" onmouseout="MM_showHideLayers('apDiv1','','hide')">
    <table width="100" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td> </td>
      </tr>
      <tr>
        <td bgcolor="#999900"> </td>
      </tr>
      <tr>
        <td bgcolor="#999900">菜单层的内容！ </td>
      </tr>
    </table>
</div>
<table width="300" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td onmouseover="MM_showHideLayers('apDiv1','','show')">
      鼠标移到这里就显示菜单啊！！！ </td>
  </tr>
</table>
</body>
</html>
你这2个表格有重合的地方, 移动时会多次触发onmouseout事件想要不闪,最好重做,用div来做, 表格不适合做这个.
js控制div层渐隐渐显//设置透明度 function setOpacity(obj, value){     if(document.all){         if(value == 100){             obj.style.filter = "";         }else{             obj.style.filter = "alpha(opacity=" + value + ")";             }     }else{         obj.style.opacity =value / 100 ;             } } //用setTimeout循环减少透明度 function changeOpacity(obj, startValue, endValue, step, speed){     if(step >= 0 && startValue <= endValue || step <= 0 && startValue >= endValue){          document.body.removeChild(obj);         return;     }     if(!obj)     {       return;     }     if(startValue<=0)     {       document.body.removeChild(obj);       return;     }     setOpacity(obj, startValue);     setTimeout(function(){changeOpacity(obj, startValue-step, endValue, step, speed);}, speed); } //设置隐藏速度或显示速度和id function showMsg(id){     var msg =document.getElementById(id);     var step = 5, speed = 80;     if(msg.style.display=="none")     {     msg.style.display="";     }        changeOpacity(msg, 100, 0, step, speed); }
转自：http://www.wearelearn.net/javascript/jsData_12_51/574.html