<!-- 띠 배너 -->
<div class="promotionBanner">
<a href="/refer_a_friend.html" class="bannerLink">
<img src="/web/upload/category/editor/2021/03/11/dc454e2d910b096ead46e4ae7f030705.png" alt="배너 내용을 적어주세요." /><!-- 원하는 배너 이미지로 변경 -->
</a>
<a href="" class="btnClose"><img src="http://sdsupport.cafe24.com/img/guide/tip/btn_close.png" alt="배너 닫기" /></a>
</div>
<!--// 띠 배너 -->
/* 띠 배너 js */
var bannerFunc = function(){
$('.promotionBanner .btnClose').bind("click", function(){
$('.promotionBanner').hide();
});
};
$(function($){
bannerFunc();
});
위와 같이 코딩을 하였는데 아래 사진에서 보이는 띠배너가 X를 누르면 새로고침하거나 다른 페이지로 넘어가도 없어진 상태로 유지하고 싶습니다.