reset and begin
6/12/2011

Code Quảng Cáo Khuyến Mãi

1 vài trang web sử dụng tạo hiệu ứng light box cho quảng cáo ,tạo pop up rất bắt mắt



<html>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'></script>
<style>
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:354px;
width:530px;
border:1px solid #666;
z-index:2;
padding:7px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#096;
background:#336633;
font-size:18px;
font-weight:700;
border-bottom:1px dotted #CCC;
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1H1Io0EhTA-xhH7jCHkVZwfu2pvGWEJRvm-0FxTuy-Jz3lpV8DRO4P3fDup-iwEikQYYgOMOZL3VPmMZv4Lbb0kZ4I4bWldH9iLc6OEIfqz60WL1DkDGRWj4N4H-fpNPIihDjSUHB72Ts/s1600/Windows_7_2.jpg";
       var linkurl="http://shimivn.blogspot.com";
       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=530 alt=\"\" /></a>";
       popup_area += "</div><div id=\"backgroundPopup\"></div>";
       //if (readCookie('open_popup') == ""){
       //createCookie('open_popup', '1', 1);
       document.write(popup_area);
       //}
    </script>
<div style="width:100%; height:100%">123123</div>
</html> 

  Để sử dụng cần Thay đổi 1 vài thông số chiều rộng và dài ảnh ở css ,style
height:354px;
width:530px;

link ảnh
   var linkimg="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1H1Io0EhTA-xhH7jCHkVZwfu2pvGWEJRvm-0FxTuy-Jz3lpV8DRO4P3fDup-iwEikQYYgOMOZL3VPmMZv4Lbb0kZ4I4bWldH9iLc6OEIfqz60WL1DkDGRWj4N4H-fpNPIihDjSUHB72Ts/s1600/Windows_7_2.jpg";
link liên kết trỏ đến       var linkurl="http://shimivn.blogspot.com";
 

Bloger Comments
G+ Comments
Comments FaceBook

No comments:

List

Profiles Information


About me : Nothing is 1 vài thứ - 1985

Places I've Lived : I Hà Nội

Home Page : http://www.shimivn.blogspot.com/

Think : 1:1000000000

Languages spoken : Vietnamese,English.

Mobile : sony C2305

dell : i3-Ram 3GB- HDD 250GB .