"对联"广告的效果怎么做？

我想做"对联"广告的效果～～想请教一下该怎么做！！！
就是图层相对于浏览器的位置始终不变～～～！即使拖动滚动条，或者用鼠标中键拖动页面～～～图层相对于浏览器的位置都不发生改变！！！

解决方案 »

  1.   

    <!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>
        <title>Untitled Page</title>
    </head>
    <body>
        <div style="height: 1000px">
        </div>
        <img id="imgico" onclick="javascript:DoSearch();" style="position: absolute" src="http://www.baidu.com/img/baidu_logo.gif" />
        <div id="divSearch" style="width: 400px; height: 300px; border: solid 1px red; position: absolute;
            display: none">
        </div>
    </body>
    </html><script type="text/javascript">
       
       
        function $(id){return document.getElementById(id);}
       
        
        function ScrollImg(id)
        {
            var img = $(id);
            img.style.top = (document.documentElement.scrollTop+(document.documentElement.clientHeight -img.offsetHeight)/2)+"px";
        } 
       
       function DoSearch()
       {
            var div = $("divSearch");
            if(div.style.display == "none")
            {
                div.style.display = "";
                div.style.left = (document.documentElement.clientWidth-div.offsetWidth)/2+"px"; 
                ScrollImg("divSearch"); 
            } else
           {
                  div.style.display = "none";
           } 
       }  
       
     
       
        $("imgico").style.left = (document.documentElement.clientWidth - $("imgico").offsetWidth) +"px"; 
        ScrollImg("imgico");  
        window.onscroll=function()
       {
            ScrollImg("imgico");
            ScrollImg("divSearch"); 
       }  
    </script>