자바스크립트를 사용하여 쿠키를 제어하여 배경 이미지를 표시하고 숨깁니다_javascript 기술

#top{clear:both;width:1000px;height:60px;margin :0 자동 ;overflow:hidden;위치:상대적;}
#close_btn{width:60px;height:20px;position:absolute;right:0;bottom:25px;cursor:pointer;
display:block; z-색인 :2;}



CSS를 배포한 후 페이지에는 아직 아무런 효과가 없습니다. 배경 이미지를 로드하려면 자바스크립트를 사용해야 합니다.

$(" body,html").css("Background","none");
$("#close_btn").hide();
} else{
$("body").css( "배경","url(images/body_bg.jpg)) 반복 없음 50% 0")
         $("html").css(" 배경","url(images/html_bg.jpg) 반복- x 0 0");
$("#close_btn").show().css("배경","url(images/close_btn.jpg) no-repeat");
}
/ /닫으려면 클릭
$("#close_btn").click(function(){
$("body,html").css(" background","none");
$("# close_btn").hide();
setCookie("mainbg","0");
});
})



분명히 우리는 페이지 요소의 CSS 배경 속성을 설정하여 배경 이미지 로딩을 제어하고 두 가지 사용자 정의 함수인 getCookie() 및 setCookie()를 통해 쿠키를 읽고 설정합니다.

var exp = new Date();
exp.setTime(exp.getTime() 1*60*60*1000) // 유효기간 1시간
document.cookie = name "=" escape (value) ";expires=" exp.toGMTString();
}
//쿠키 가져오기 함수
function getCookie(name){
var arr = document.cookie.match(new RegExp("(^| )" name "=([^;]*)(;|$)"))
if(arr != null) return unescape(arr[2 ]); null 반환
}