Thứ Tư, 24 tháng 4, 2013

Script popup sử dụng cookie






<script type="text/javascript">
$(document).ready(function() { 

         // cookie cho popup
        if($.cookie("popup")!=1 && $("#dialog .content_popup").html()!=""){

                var id = '#dialog';
           
                //Lấy chiều cao và rộng của màn hình nè
                var maskHeight = $(document).height();
                var maskWidth = $(window).width();
   
                //Rùi định dạng chiều cao và rộng cho cái vùng div chứa cái popup
                $('#mask').css({'width':
maskWidth,'height':maskHeight});
               
                //hiệu ứng xuất hiện   
                $('#mask').fadeIn(1000);
                $('#mask').fadeTo("slow",0.8);
               
                //làm cho cái popup canh phia tren màn hình
                $(id).css('top',  maskHeight/10);       
                $(id).css('left', maskWidth/2-$(id).width()/2);
               
                //hiệu ứng cho cái popup xuất hiện (xuất hiện từ từ trong vòng 2s)
                $(id).fadeIn(2000);    
               
                //Nếu người ta click vào nút close nè
                $('.window .close').click(function (e) {
                        //Cancel the link behavior
                        e.preventDefault()       
                        $('#mask').hide();
                        $('.window').hide();
                });       
               
                //Nếu vùng div id mask được click thì ẩn nó đi nè
                $('#mask').click(function () {
                    $(this).hide();
                    $('.window').hide();
                });       
        }//cookie
        $.cookie("popup",1);
});
</script>

Không có nhận xét nào: