최상단배너 스크립트
쇼핑몰 최상단에 들어가는 배너인데
x를 누르면 배너가 들어가고, 가운데 화살표를 누르면 배너가 나와야 합니다.
근데 지금은 x를 누르면 배너가 들어가고 나오고 해요.
비슷한 소스를 찾아서 여기까지는 해놨는데 스크립트에 대한 기초가 없으니
이거저거 바꿔봐도 안되네요;;;;;
첫화면은 저렇게 배너가 열려있는 상태이고 가운데 화살표는 안보여야 합니다.
x 누르면 x 포함한 배너가 들어가고, 화살표는 나오고
화살표 누르면 x표시랑 배너가 나오면 되는데
소스좀 봐주실분 계실까요ㅠㅠ
</strong></p><p> </p><p> </p><p><script src="<a href='<a href="http://code.jquery.com/jquery-1.8.2.min.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.8.2.min.js</a>"></script'><a href="http://code.jquery.com/jquery-1.8.2.min.js" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-1.8.2.min.js</a>"></script</a>> </p><p><script language="javascript">
//페이지상단레이어팝업start
$(document).ready(function() {
cookiedata = document.cookie;
if ( cookiedata.indexOf("pzone=no") > 0 ){
$("#topPopArea").hide();
$(".toggle").find("a").attr("class","off").find("span").html("열기");
} else {
var goDisable = function() {
$(".topPopAreaBtn").click();
}
setTimeout(goDisable , 5000000);
}</p><p> $(".topPopAreaBtn").toggle(function() {
$("#topPopArea").slideUp();
$(this).find("a").attr("class","off").find("span").html("열기");
},function(){
$("#topPopArea").slideDown();
$(this).find("a").attr("class","on").find("span").html("닫기");
});
</p><p> // 쿠키입력</p><p> function set_cookie(name, value, expirehours, domain) {
var today = new Date();
today.setTime(today.getTime() + (60*60*1000*expirehours));
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + today.toGMTString() + ";";
if (domain) {
document.cookie += "domain=" + domain + ";";
}
}
});
//페이지상단레이어팝업end
</script></p><p> </p><p><!--팝업존start--></p><p><div class="topPopAreaWarp">
<div id="topPopArea">
<div class="topPopAreaimg">
<ul>
<li><a href="/goods/catalog?code=00120002"><img src="<a href='<a href="http://classic-fabric.com/data/popup/popup_14859083330639_1.jpg" target="_blank" rel="noopener noreferrer">http://classic-fabric.com/data/popup/popup_14859083330639_1.jpg</a>"/></a></li'><a href="http://classic-fabric.com/data/popup/popup_14859083330639_1.jpg" target="_blank" rel="noopener noreferrer">http://classic-fabric.com/data/popup/popup_14859083330639_1.jpg</a>"/></a></li</a>>
<li><a href="/member/agreement"><img src="<a href='<a href="http://classic-fabric.com/data/popup/popup_14859083330639_2.jpg" target="_blank" rel="noopener noreferrer">http://classic-fabric.com/data/popup/popup_14859083330639_2.jpg</a>"/></a></li'><a href="http://classic-fabric.com/data/popup/popup_14859083330639_2.jpg" target="_blank" rel="noopener noreferrer">http://classic-fabric.com/data/popup/popup_14859083330639_2.jpg</a>"/></a></li</a>>
</ul>
</div>
</div>
<div>
<div class="topPopAreaBtn"><a href="#" class="on"><img src="<a href='<a href="http://classic-fabric.com/data/icon/common/etc/band_btn_close.gif" target="_blank" rel="noopener noreferrer">http://classic-fabric.com/data/icon/common/etc/band_btn_close.gif</a>"/></a></div'><a href="http://classic-fabric.com/data/icon/common/etc/band_btn_close.gif" target="_blank" rel="noopener noreferrer">http://classic-fabric.com/data/icon/common/etc/band_btn_close.gif</a>"/></a></div</a>>
<div class="topPopAreaBtnOpen"><img src="<a href='<a href="http://classic-fabric.com/data/icon/common/etc/band_btn_open.gif" target="_blank" rel="noopener noreferrer">http://classic-fabric.com/data/icon/common/etc/band_btn_open.gif</a>"></div'><a href="http://classic-fabric.com/data/icon/common/etc/band_btn_open.gif" target="_blank" rel="noopener noreferrer">http://classic-fabric.com/data/icon/common/etc/band_btn_open.gif</a>"></div</a>>
</div>
</div></p><p><!--팝업존end--></p><p><style>
div,ul,li,img{ list-style:none; padding:0; margin:0}
.topPopAreaimg{ margin:0; padding:0; width:100%; height:60px; position:relative ;background:url(<a href="<a href="http://classic-fabric.com/data/popup/popup_14859083330639_back.jpg" target="_blank" rel="noopener noreferrer">http://classic-fabric.com/data/popup/popup_14859083330639_back.jpg</a>"><a href="http://classic-fabric.com/data/popup/popup_14859083330639_back.jpg" target="_blank" rel="noopener noreferrer">http://classic-fabric.com/data/popup/popup_14859083330639_back.jpg</a></a>) center;}
.topPopAreaimg ul{ margin:0; padding:0; width:1200px; position:absolute; left:50%; margin-left:-600px}
.topPopAreaimg ul li{ float:left}
.topPopAreaBtn{ position:absolute; top:25px; left:50%; margin-left:600px}
.topPopAreaBtnOpen{ position:absolute; top:0; left:50%; margin-left:-38px}
</style></p><p><strong>
답변 1개
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
X누르면 화살표가 나와야 합니다..