그누보드5 에 기본 제공되는 팝업레이어에 드래그 기능 추가하기
그누보드5 기본 기능에 페이어 팝업을 제공하고 있는데요.
이 레이어 팝업에 마우스로 드래그 할 수 있는 기능을 추가하는 방법입니다.
우선, 레이어팝업이 들어가는 페이지의 html head 부분에
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
를 추가합니다.
jqueryui 가 이미 있으면, 추가하지 않으셔도 됩니다.
그리고, 페이지 아래쪽에 아래 jQuery 코드를 추가합니다.
[code]
<script type="text/javascript">
$(document).ready(function(){
$(".hd_pops").draggable();
});
</script>
[/code]
클래스명 hd_pops 는 그누보드5 레이어팝업의 클래스 이름이므로, 혹시 바꾸셨다면 같은 이름으로 설정하시면 됩니다.
테스트 URL
http://www.baragi.net/
이 레이어 팝업에 마우스로 드래그 할 수 있는 기능을 추가하는 방법입니다.
우선, 레이어팝업이 들어가는 페이지의 html head 부분에
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
를 추가합니다.
jqueryui 가 이미 있으면, 추가하지 않으셔도 됩니다.
그리고, 페이지 아래쪽에 아래 jQuery 코드를 추가합니다.
[code]
<script type="text/javascript">
$(document).ready(function(){
$(".hd_pops").draggable();
});
</script>
[/code]
클래스명 hd_pops 는 그누보드5 레이어팝업의 클래스 이름이므로, 혹시 바꾸셨다면 같은 이름으로 설정하시면 됩니다.
테스트 URL
http://www.baragi.net/
댓글 12개
10년 전
감사합니다.
10년 전
잘됩니다. 감사합니다.
allnight123
10년 전
멋진정보 감사합니다.
10년 전
감사합니다.
9년 전
감사합니다.
9년 전
감사합니다.^^
YeChanDo
9년 전
감사합니다.
블루베리케잌
8년 전
좋네요
블루베리케잌
8년 전
퍼가요
7년 전
이동 가능 팝업
7년 전
좋은 자료 감사하빈다.
8개월 전
잘 됩니다 ㅎ
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4442 | ||
| 2424 | 1년 전 | 1147 | ||
| 2423 | 1년 전 | 1166 | ||
| 2422 |
 마르스컴퍼니 |
1년 전 | 1842 | |
| 2421 | 1년 전 | 1068 | ||
| 2420 |
 세죠위그이 |
1년 전 | 1849 | |
| 2419 | 1년 전 | 1158 | ||
| 2418 | 1년 전 | 1146 | ||
| 2417 | 1년 전 | 934 | ||
| 2416 | 1년 전 | 1227 | ||
| 2415 | 1년 전 | 1113 | ||
| 2414 | 1년 전 | 1000 | ||
| 2413 | 1년 전 | 1400 | ||
| 2412 |
 oneit |
1년 전 | 2006 | |
| 2411 | 1년 전 | 997 | ||
| 2410 | 1년 전 | 1867 | ||
| 2409 | 1년 전 | 1698 | ||
| 2408 | 1년 전 | 1194 | ||
| 2407 | 1년 전 | 1164 | ||
| 2406 | 1년 전 | 838 | ||
| 2405 | 1년 전 | 2048 | ||
| 2404 |
와칸다포에버
|
1년 전 | 1053 | |
| 2403 | 1년 전 | 1128 | ||
| 2402 |
뽕엄능브라
|
1년 전 | 2061 | |
| 2401 | 1년 전 | 1165 | ||
| 2400 | 1년 전 | 1268 | ||
| 2399 | 1년 전 | 1851 | ||
| 2398 | 1년 전 | 1587 | ||
| 2397 | 1년 전 | 1900 | ||
| 2396 | 1년 전 | 1264 | ||
| 2395 | 1년 전 | 1083 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기