위메프 가보시면 상단에 싸다DAY 스르르 올라가면서 사라지는 팝업창 효과가 있습니다.
본문
위메프 싸다DAY 팝업창 처럼
저희 홈페이지도 상단 에도 이 처럼 스르르 올라가면서 사라지는 팝업 창 효과를 주려고 합니다.
일단 소스는
<!-- 상단 띠 배너 -->
<script language='javascript'>
function closeBanner_webcover(target){
setCookie(target, 1, 365, '/', '.wemakeprice.com');
$('#'+target).hide();
}
</script>
<div id="wmpSkip">
<a href="#gnb" onclick="skipNavigation('#gnb');return false;"><span>메뉴 바로가기</span></a>
<a href="#container" onclick="skipNavigation('#container');return false;"><span>본문 바로가기</span></a>
</div>
<!-- 최영진 배너 자동화 관련 추가 -->
<div class="global_ban" id="top_event_banner3" style="display:block;background:#1a90f4" >
<div class="event" >
<img src="http://image.wemakeprice.com/images/1430872072_1.jpg" alt="싸다마트+무이자" usemap="#unitopbn8">
<button type="button" class="btn_cls_ban2" id="top_email_banner_close" onclick="javascript:closeBanner_webcover('top_event_banner_3050')">닫기</button>
</div>
</div>
<map name="unitopbn8" id="topline">
<area shape="rect" coords="0,0,937,72" href="http://www.wemakeprice.com/promotion/g/ssada?source=toplbanner&no=1"
onclick="_gaq.push(['_trackEvent', 'Banner Click', 'Topline Banner', '1_http://www.wemakeprice.com/promotion/g/ssada']);" load_id='1' load_url='/promotion/g/ssada' load_position='Topline Banner' title="싸다딜을 잡아라!" >
</map>
<!-- 최영진 배너 자동화 관련 추가 -->
<!-- 할인 쿠폰 관련 -->
<div id="sale_coupon_popup"></div>
<!-- //할인 쿠폰 관련 -->
<!-- 상단 띠 배너 끝 -->
요렇게 들어가는 걸 확인했습니다. 상단의 소스를 저희 홈페이지에 삽입하니 작동하지 않습니다.ㅠ.ㅠ
여기서 뭐가 더들어가야 제대로 작동을 하는지?
아니면 요런 방식의 소스를 구할수 있을까? 해서 질문 남깁니다.
답변 1
해당 div의 height를 0으로 만들어 버리면 됩니다.
http://nyaongii.dothome.co.kr/temp/wrid_71524.html
아무 것도 안 넣었으니 쉽게 파악 가능하실 겁니다.