최상단배너 스크립트
본문
쇼핑몰 최상단에 들어가는 배너인데
x를 누르면 배너가 들어가고, 가운데 화살표를 누르면 배너가 나와야 합니다.
근데 지금은 x를 누르면 배너가 들어가고 나오고 해요.
비슷한 소스를 찾아서 여기까지는 해놨는데 스크립트에 대한 기초가 없으니
이거저거 바꿔봐도 안되네요;;;;;
첫화면은 저렇게 배너가 열려있는 상태이고 가운데 화살표는 안보여야 합니다.
x 누르면 x 포함한 배너가 들어가고, 화살표는 나오고
화살표 누르면 x표시랑 배너가 나오면 되는데
소스좀 봐주실분 계실까요ㅠㅠ
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<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);
}
$(".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("닫기");
});
// 쿠키입력
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>
<!--팝업존start-->
<div class="topPopAreaWarp">
<div id="topPopArea">
<div class="topPopAreaimg">
<ul>
<li><a href="/goods/catalog?code=00120002"><img src="http://classic-fabric.com/data/popup/popup_14859083330639_1.jpg"/></a></li>
<li><a href="/member/agreement"><img src="http://classic-fabric.com/data/popup/popup_14859083330639_2.jpg"/></a></li>
</ul>
</div>
</div>
<div>
<div class="topPopAreaBtn"><a href="#" class="on"><img src="
http://classic-fabric.com/data/icon/common/etc/band_btn_close.gif"/></a></div>
<div class="topPopAreaBtnOpen"><img src="http://classic-fabric.com/data/icon/common/etc/band_btn_open.gif"></div>
</div>
</div><!--팝업존end-->
<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(http://classic-fabric.com/data/popup/popup_14859083330639_back.jpg) 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>
답변을 작성하시기 전에 로그인 해주세요.
