광고문의에 조그마한 문구창 하나를 만들었습니다. x 클릭을 누르면 상자가 없어지게 하고 싶은데 소스 뭐가 문제일까요?
사이트링크 : https://www.리뷰단.com
래퍼런스 : https://www.revu.net/
Copy
<a href="http://pf.kakao.com/_jexdXG/chat" target="_blank"><img src="skin/adblog/img/goju.png" />광고문의</a>
<p class="ad_ask_banner" style="position: absolute;
width: 171px;height: 60px;background: #FF4800;border: 1px solid #FF4800;text-align: left;box-shadow: 0 4px 4px rgba(0,0,0,.25);border-radius: 5px;padding: 10px 10px 10px 15px;z-index: 99;top: -56px; line-height: 20px;color: #fff;">
<button class="ad_close" style="position: absolute;
width: 19px;
height: 19px;
top: 7px;
right: 16px;
line-height: unset;
opacity: 1!important;"><img src="/skin/adblog/img/ad_close_btn.png" style="position: relative;height: 9px;width: 9px;right: 0;top: 0;"></button>
<span style="font-size: 14px;"><strong>광고주이신가요?</strong><br>이곳을 이용해 주세요!</span>
</p>
</div>
</div>
|
답변 1개 / 댓글 2개
채택된 답변
+20 포인트
비버팩토리광고주이신가요?
이곳을 이용해 주세요! 라는 거 박스 누르면 사라지는거죠?
근데 밑에 클릭 이벤트 처리 한거 있는데요 제이쿼리는 필수이고
$('.ad_ask_banner').toggle(); 혹은 $('.ad_ask_banner').hide();
으로 이부분만 응용해서 바꿔주면되요
Copy
$(function() {
$('.ad_close').click(function() {
$('.ad_ask_banner').toggle(); 혹은 $('.ad_ask_banner').hide();
});
});답변에 대한 댓글 2개
2024-01-17 (수) 13:30:04
그 빨란 박스 바로 밑에다가
<script>
$(function() {
$('.ad_close').click(function() {
$('.ad_ask_banner').toggle();
});
});
</script>
이렇게 해서 넣어보세요
<script>
$(function() {
$('.ad_close').click(function() {
$('.ad_ask_banner').toggle();
});
});
</script>
이렇게 해서 넣어보세요
답변을 작성하려면 로그인이 필요합니다.