TẠO POPUP 26_6_2013

CSS
===========================================================
<style>
.box_login_ajax {
  position: absolute;
}
#mask {
  background: black;
  position: fixed;
}          
            </style>
HTML
===========================================================
                <div id="mask"></div> 

               
                <a id='dangnhap_a' href="http://localhost/retot/modules.php?name=Your_Account&newlang=vietnamese">ѡng nh?p</a>
                <div class="box_login_ajax">
                    <h4>ѡng nhap</h4>
                </div>               
               
JQUERY
===========================================================               
                $("#dangnhap_a").click(function(){
                    var maskHeight = $(document).height();
                    var maskWidth = $(window).width();
                    $('#mask').css({'width':maskWidth,'height':maskHeight});
                    $('#mask').fadeIn(500);
                    $('#mask').fadeTo("slow",0.5);
                    $(".box_login_ajax").show();
                    $(".box_login_ajax").css({"zIndex":9001});
                    $(".box_login_ajax").css('top',  maskHeight/15);      
                    $(".box_login_ajax").css('left', maskWidth/2-$(".box_login_ajax").width()/2);                   
                    return false;
                });       
                $(".btn.close_box").click(function () {
                    $('#mask').hide();
                    $(".box_login_ajax").hide();
                    $('.window').hide();
                });         
                $('#mask').click(function () {
                    $(this).hide();
                    $(".box_login_ajax").hide();
                    $('.window').hide();
                });