求58同城网弹出窗口效果

本帖最后由 kocokolo 于 2011-02-10 15:39:34 编辑

解决方案 »

  1.   

    把他的JS文件都下下来，去找到那个SETBG的方法就好了。。
      

  2.   

    jquery简单实现（注意引入"jquery.js"）：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.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">
    <!--
    #win {
    border:2px green solid;
    position:absolute;
    top:200px;
    left:400px;
    width:300px;
    height:200px;
    display:none;
    }

    #title {
    background-color:#09F;
    padding:6px;
    }

    #content {
    padding:6px;
    }

    #close {
    float:right;
    cursor:pointer;
    }
    -->
    </style>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript">
    <!--
    function showWin(){
    $('#win').fadeIn('slow');
    }

    function hideWin(){
    $('#win').fadeOut('slow');
    }
    //-->
    </script>
    </head><body>
    <a href="#" onclick="showWin()">点击弹出窗口</a>
    <div id="win">
         <div id="title">窗口标题<span id="close" onclick="hideWin()">X</span></div>
            <div id="content">这里是窗口内容</div>
        </div>
    </body>
    </html>
      

  3.   

    http://blog.csdn.net/hch126163/archive/2010/11/05/5989554.aspx
      

  4.   

    一个背景层 。
    一个表单层 。
    z-index控制关系 。