여백 클릭하면 닫히는 소스 채택완료
홈짱
10년 전
조회 4,082
무료로 공유해주는 외국 사이트 좌표 혹시 아세요?
모바일빌더 메뉴 등에 주로 사용되는 소스인데....
예를 들어,
http://www.homzzang.com/plugin/mobile/">http://www.homzzang.com/plugin/mobile/ 좌측 하단의 말풍선 클릭 후 열린 창에서
다른 여백을 클릭하면 자동으로 닫히는 식이요..
이런 소스를 전문 용어로 뭐라고 부르는지도 궁금합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변 3개
채택된 답변
+20 포인트
10년 전
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
제이쿼리를 불러오지 않아서 그렇죠.
저런걸 모달이라고 하지는 않고 뜨는 레이어창을 모달이라고 하더군요.
어플리케이션에서는 X표만 있는 작은창을 모달이라고 했는데...
저런걸 뭐라고 하는지는 모르겠습니다. 단지 이벤트에 이름이 있을 이유가 있을까요?
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
홈짱
10년 전
댓글을 작성하려면 로그인이 필요합니다.
10년 전
간단하게 만들어 봤습니다.
참조만 하세요 ㅎㅎ
</p><p><style>
.modal{width:200px;height:200px;margin:0 auto;background:#000;z-index:9;}
</style>
<script>
$(function(){
$("html, body").click(function(e) {
if ($(e.target).hasClass('modal')) {
return false;
}
$(".modal").slideUp("slow");
});
});
</script></p><p> </p><p><div class="modal"></div> </p><p>
로그인 후 평가할 수 있습니다
답변에 대한 댓글 1개
�
홈짱
10년 전
아무런 변화가 없는데요. ^^;;
http://codepen.io/anon/pen/BNmJve?editors=100
모달이라는 용어가 들어간 걸 보니, 이런 걸 "모달"이라고 부르나요?
http://codepen.io/anon/pen/BNmJve?editors=100
모달이라는 용어가 들어간 걸 보니, 이런 걸 "모달"이라고 부르나요?
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
혹시, 나중에 외국 사이트 좌표 알게 되시면 공유 부탁드려요.