Code Popup banner giữa màn hình


ITZ share Code Popup banner giữa màn hình cho bạn nào cần dùng nhé

» Code tự động bật popup video sau 1 thời gian với ColorBox
 
 
<style>
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:354px;
width:530px;
 
z-index:2;
padding:7px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#096;
background:#336633;
font-size:18px;
font-weight:700;
 
padding-bottom:2px;
margin-bottom:30px;
}
#popupContactClose{
font-size:12px;
line-height:16px;
right:6px;
top:10px;
color:#ffffff;
font-weight:700;
}
#button{
text-align:center;
margin:100px;
}
</style>
 
<script>
//kiem tra browser cho dung cookie khong
function checkBrowserEnableCookie(){
    var cookieEnabled=(navigator.cookieEnabled)? true : false
    
    //if not IE4+ nor NS6+
    if (typeof navigator.cookieEnabled=="undefined" && !cookieEnabled){
        document.cookie="testcookie"
        cookieEnabled=(document.cookie.indexOf("testcookie")!=-1)? true : false
    }
    
    if (cookieEnabled) return true;
    else return false;
}
 
//tao cookie
function createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toGMTString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}
 
//doc cookie
function readCookie(name) {    
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return "";
}
 
//xoa bo cookie
function eraseCookie(name) {
    createCookie(name,"",-1);
}
 
 
/***************************/
//@Author: Adrian "yEnS" Mato Gondelle
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!                    
/***************************/
 
//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;
 
//loading popup with jQuery magic!
function loadPopup(){
    //loads popup only if it is disabled
    if(popupStatus==0){
        $("#backgroundPopup").css({
            "opacity": "0.8"
        });
        $("#backgroundPopup").fadeIn("slow");
        $("#popupContact").fadeIn("slow");
        popupStatus = 1;
    }
}
 
//disabling popup with jQuery magic!
function disablePopup(){
    //disables popup only if it is enabled
    if(popupStatus==1){
        $("#backgroundPopup").fadeOut("slow");
        $("#popupContact").fadeOut("slow");
        popupStatus = 0;
    }
}
 
//centering popup
function centerPopup(){
    //request data for centering
    var windowWidth = document.documentElement.clientWidth;
    var windowHeight = document.documentElement.clientHeight;
    var popupHeight = $("#popupContact").height();
    var popupWidth = $("#popupContact").width();
    //centering
    $("#popupContact").css({
        "position": "absolute",
        "top": windowHeight/2-popupHeight/2,
        "left": windowWidth/2-popupWidth/2
    });
    //only need force for IE6
    
    $("#backgroundPopup").css({
        "height": windowHeight
    });
    
}
 
 
//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
    
    //LOADING POPUP
    //centering with css
    centerPopup();
    //load popup
    loadPopup();
    //Click the button event!
    $("#button").click(function(){
        //centering with css
        centerPopup();
        //load popup
        loadPopup();
    });
                
    //CLOSING POPUP
    //Click the x event!
    $("#popupContactClose").click(function(){
        disablePopup();
    });
    //Click out event!
    $("#backgroundPopup").click(function(){
        //disablePopup();
    });
    //Press Escape event!
    $(document).keypress(function(e){
        if(e.keyCode==27 && popupStatus==1){
            disablePopup();
        }
    });
 
});
</script>
 <script language="javascript" type="text/javascript">
       var popup_area = "";
       var linkimg="{$url}upload/ads/{$popup.photo}";
       var linkurl="{$popup.link}";
       popup_area += "<div id=\"popupContact\"><div><a id=\"popupContactClose\" href=\"#\">[x] Ðóng lại</a></div>";
       popup_area += "<a href="+linkurl+" target=\"_blank\"><img src="+linkimg+" width=630 alt=\"\" /></a>";
       popup_area += "</div><div id=\"backgroundPopup\"></div>";
       //if (readCookie('open_popup') == ""){
       //createCookie('open_popup', '1', 1);
       document.write(popup_area);
       //}
    </script>

 


Có thể bạn quan tâm
07/11/2017
945