[JSP] - javascript 이용 버튼 클릭하여 div 숨기고 보여주기
JSP2018. 11. 25. 14:32
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
○ javascript 이용 버튼 클릭하여 div 숨기고 보여주기 |
<body> <button type="button" id="eventButtonClick" class="btn btn-raised btn-success">이벤트 참여</button> <div class="alert alert-primary" id="success-alert"> <button type="button" class="close" data-dismiss="alert">x</button> <strong>응모 완료! </strong> 이벤트에 응모되셨습니다. </div> <script type="text/javascript"> $(function() { $('#success-alert').hide(); // 처음에 가리고 $('#eventButtonClick').click(function() { // 버튼 클릭시 $('#success-alert').show(); // div가 보여지며 setTimeout(function() { // 시간지연 1.5초 걸고 그 안에 alert 함수 사라지게 $('#success-alert').hide(); }, 1500); }); }); </script> </body> |
'JSP' 카테고리의 다른 글
| [JSP] - MultipartRequest 이용한 파일 업로드(cos.jar) (0) | 2018.06.27 |
|---|---|
| [JSP] - JSP에서 Javascript 사용방법 (0) | 2018.06.05 |
| [JSP] - 페이스북, 트위터, 카카오, 네이버 게시물 공유하기 (0) | 2018.05.22 |
| [JSP] - 이미지 위에 텍스트, 배경 이미지 넣기 (1) | 2018.05.11 |
| [JSP] - css, js 파일 사용하는 방법 (0) | 2018.05.10 |
댓글()