.jpg)
<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 ,styleheight: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";
No comments: