按钮控制半透明层（窗体最顶，不是页面最顶） 淡入淡出效果 怎么做？

Question

按钮控制半透明层（窗体最顶，不是页面最顶） 淡入淡出效果 怎么做？
页面上两个按钮 控制一个层 这个层在窗体的最顶 不是页面最顶 意思是当这个层显示的时候 窗体内容向下滚动 这个层保持在窗体最顶  进入要有淡入效果 第二个按钮点击后关闭这个层 淡出效果

Answer 1

jquery 控制，position:fixed,index:1000; 设置你需要的left,top值，窗体最顶的话，top:0。淡入淡出用 fadein fadeout,控制弹出层的 opacity 具体效果，可以参考
http://fancybox.net/home

Answer 2

自己设置的话，ie有自己专门的切换方式，比如淡入淡出等等，
或者使用JQUERY,看下库文件，类似于这样<div id="clickme">
      Click here
    </div>
    <img id="book" src="book.png" alt="" width="100" height="123" />
    With the element initially hidden, we can show it slowly:
    $('#clickme').click(function() {
      $('#book').fadeIn('slow', function() {
        // Animation complete
      });
    });楼主好运。。

Answer 3

淡入效果：/* 
 *调节元素透明度函数(level从0-100)  
 */  
var setOpacity = function(elem, level){  
    //如果存在filters这个属性，则它是IE，所以设置元素的Alpha滤镜  
    if(elem.filters){  
        elem.style.filter = 'alpha(opacity=' + level + ')';  
        //必须设置zoom,要不然透明度在IE下不生效  
        elem.style.zoom = 1;  
    } else{  
        //否则使用W3C的opacity属性  
        elem.style.opacity = level/100;  
    }  
};  
/* 
 *让一个元素渐显（通过短时间内逐步增加透明度显示）  
 */  
var fadeIn = function(elem){  
    XX.setOpacity(elem, 0);  
      
    elem.style.display = '';  
      
    for(var i = 0; i <= 100; i+=5){  
        //闭包函数  
        (function(){  
            var pos = i;  
            setTimeout(function(){  
                XX.setOpacity(elem, pos);  
            }, (pos + 1) * 10);  
        })();  
    }  
};  
淡出类似，反过来就是了。

Answer 4

不好意思，上门的fadeIn中的XX去掉，把自己库里的命名空间也拷过来了

Answer 5

一窍不通。没办法了。
有一点JS基础的话，参考 http://fancybox.net/home 的源码（JS,CSS），很容易改到你要的效果。

Answer 6

额 努力尝试中 一桌面的 .HTM .css .js