검은 화면 띄우기(모달창)

<style type="text/css">

    .mask

    {

      position:absolute;

      left:0;

      top:0;

      z-index:1000;

      background-color:#000;

      display:none;

    }

    .simple_overlay{

     display: none;

     position:absolute;

     left:100px;

     top:100px;

     z-index:1100;

     border:solid 1px #CACACA;

     background-color:white;

   }

</style>

<script type="text/javascript">

    $(document).ready(function () {

        $.extend({

            //검은 화면 띄우기

            wallOpen: function () {

                var maskHeight = $(document).height();

                var maskWidth = $(window).width();

                $('#mask').css({ 'width': maskWidth, 'height': maskHeight });

                $('#mask').fadeTo("slow", 0.6);

                $("#group_add").show();

            },

            //검은 화면 닫기

            wallClose: function () {

                $("div#mask").hide();

                $("#group_add").hide();

            }

        });

        //검은 화면을 클릭했을때

        $('#mask').click(function () {

            $(this).hide();

            $("#group_add").hide();

        });

    });

</script>

<div id="mask"></div>