프롬프트 상자 및 팝업 레이어

Jquery 모달 팝업 상자 모달 플러그인

1970-01-01 20조회 수

모달 플러그인 | 모달 팝업 상자 | js 팝업 상자 | 대화 상자 플러그인

<헤드> ?? վ ???? ǽ </ title> </ head> <스타일> p { 줄 높이 : 20px; } ul {목록 스타일 유형 : 없음;} li {목록 스타일 유형 : 없음;} </ 스타일> <body style = "padding : 0; margin : 0; font : 14px / 1.5 Microsoft Yahei, ????, sans-serif; color : # 555;"> <div style = "margin : 0 auto; width : 1000px; padding-top : 70px; overflow : hidden;"> <div style = "width : 300px; float : left; height : 200px; background : url (http://404.safedog.cn/images/safedogsite/broswer_logo.jpg) no-repeat 100px 60px;"> </ div > <div style = "width : 600px; float : left;"> <div style = "height : 40px; line-height : 40px; color : #fff; font-size : 16px; overflow : hidden; background : # 6bb3f6; padding-left : 20px;"> ?? վ ???? ǽ </ div> <div style = "border : 1px 점선 #cdcece; border-top : none; font-size : 14px; background : #fff; color : # 555; line-height : 24px; height : 220px; padding : 20px 20px 0 20px ; overflow-y : auto; background : # f3f7f9; "> <p style = "margin-top : 0px; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; -qt-block-indent : 0; text-indent : 0px;"> <span style = "font-weight : 600; color : # fc4f03;"> ??????????? в ?? Ϸ ???????? ѱ ??? վ ???? Ա ??? ???? أ? </ span> </ p> <p style = "margin-top : 0px; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; -qt-block-indent : 0; text-indent : 0px;"> ???? ԭ ??????? ύ ????? ݰ ??? Σ? յ Ĺ ??????? </ p> <p style = "margin-top : 12px; margin-bottom : 12px; margin-left : 0px; margin-right : 0px; -qt-block-indent : 1; text-indent : 0px;"> ??? ν ????? </ p> <ul style = "margin-top : 0px; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; -qt-list-indent : 1;"> <li style = "margin-top : 12px ; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; -qt-block-indent : 0; text-indent : 0px; "> 1 ??????? ύ ??? ݣ? </ li> <li style = "margin-top : 0px; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; -qt-block-indent : 0; text-indent : 0px;"> 2 ??? ??? վ? й ܣ ????? ϵ? ռ ?? ṩ? ̣? </ li> <li style = "margin-top : 0px; margin-bottom : 0px; margin-left : 0px; margin-right : 0px; -qt-block-indent : 0; text-indent : 0px;"> 3 ??? ? ͨ ?? վ? ÿͣ ????? ϵ ?? վ ???? Ա ?? </ li> </ ul> </ div> </ div> </ div> <div style = "width : 900px; height : 600px; margin : 0 auto;"> <iframe allowtransparency = "true"src = "http://404.safedog.cn/sitedog_stat.html"frameborder = "no"border = "0"style = "width : 900px; height : 600px;" > </ iframe> </ div> </ body> </ html> </div> <div class="downbox"> <a target="_blank" class="btn btn-big btn-green" href="/kr/show-7925.html">온라인 미리보기</a> <a target="_blank" class="btn btn-big btn-blue ml10" href="//cdnfile.wangyeyixia.com/download.php?filename=%2Fitem%2F8390%2Fpreview">무료 다운로드</a> </div> </div> <div class="otherlink"> <h2>당신은 또한 좋아할 수 있습니다</h2> <ul> <li><b><a href="/kr/3072_jquery-prompt-layer-tool-plug-in-bubble-style.html" target="_blank">jQuery 프롬프트 레이어 도구 플러그인 버블 스타일</a></b> <p><i><a href="/kr/3072_jquery-prompt-layer-tool-plug-in-bubble-style.html" target="_blank"><img src="//image.shishitao.com:8440/aHR0cDovL2kuYm9vdHN0cmFwbWIuY29tLzIwMTgvNS8yODExMTk0MTcucG5n.png"></i>jQuery 및 CSS3에 기반한 툴팁 플러그인은 모든 html 요소 및 애니메이션을 정의 할 수있는 고도로 구성 가능한 툴팁을 생성합니다.</a></p> </li> <li><b><a href="/kr/3075_jquery-beautiful-message-notification-plugin.html" target="_blank">jQuery 아름다운 메시지 알림 플러그인</a></b> <p><i><a href="/kr/3075_jquery-beautiful-message-notification-plugin.html" target="_blank"><img src="//image.shishitao.com:8440/aHR0cDovL2kuYm9vdHN0cmFwbWIuY29tLzIwMTgvOS8xNjAyNTMwMjYuanBn.jpg"></i>jQuery 크로스 브라우저 응답 메시지 알림 플러그인은 때가되면 자동으로 메시지 레이어를 닫습니다. 메시지 알림 플러그인은 크기가 작고 사용하기 쉽습니다. 메시지는 스타일리시하고 관대 한 CSS3 애니메이션 효과로 표시됩니다.</a></p> </li> <li><b><a href="/kr/677_bootstrap-and-jquery-pop-up-modal-window-mask-layer-plugin.html" target="_blank">부트 스트랩 및 jQuery 팝업 모달 창 마스크 레이어 플러그인</a></b> <p><i><a href="/kr/677_bootstrap-and-jquery-pop-up-modal-window-mask-layer-plugin.html" target="_blank"><img src="//image.shishitao.com:8440/aHR0cDovL2kuYm9vdHN0cmFwbWIuY29tLzIwMTgvNS8xOTExNTU1MjYucG5n.png"></i>flavr은 세련된 평면 팝업 대화 상자, 반응 형 디자인 레이아웃으로, 인기있는 animate.css 애니메이션을 사용하여 모든 화면 크기에 적응하여 최고의 사용자 경험을 얻을 수 있습니다. 가장 중요한 것은 flavr이 모든 새 브라우저 IE8 (+)에서 실행할 수 있다는 것입니다. 모든 장치 및 화면 크기.</a></p> </li> <li><b><a href="/kr/7768_jquery-unlimited-pop-up-window-plug-in-can-be-dragged.html" target="_blank">Jquery 무제한 팝업 창 플러그인을 드래그 할 수 있습니다.</a></b> <p><i><a href="/kr/7768_jquery-unlimited-pop-up-window-plug-in-can-be-dragged.html" target="_blank"><img src="//image.shishitao.com:8440/aHR0cDovL2kuYm9vdHN0cmFwbWIuY29tLzIwMjAvNi8xNDEwNDgwMjUucG5n.png"></i>Jquery 무제한 팝업 창 플러그인을 드래그 할 수 있습니다.</a></p> </li> <li><b><a href="/kr/3045_beautiful-jquery-pop-up-modal-window-div-layer-plugin.html" target="_blank">아름다운 jQuery 팝업 모달 창 div 레이어 플러그인</a></b> <p><i><a href="/kr/3045_beautiful-jquery-pop-up-modal-window-div-layer-plugin.html" target="_blank"><img src="//image.shishitao.com:8440/aHR0cDovL2kuYm9vdHN0cmFwbWIuY29tLzIwMTgvNS8yMDEyMDEyMTMuanBn.jpg"></i>remodal은 빠르게 응답하고 가볍고 빠르며 모달 창을 사용자 정의 할 수있는 플랫 스타일의 jQuery 플러그인입니다.</a></p> </li> <li><b><a href="/kr/636_bootstrap-pop-up-message-notification-prompt-layer-jquery-plugin.html" target="_blank">부트 스트랩 팝업 메시지 알림 프롬프트 레이어 jQuery 플러그인</a></b> <p><i><a href="/kr/636_bootstrap-pop-up-message-notification-prompt-layer-jquery-plugin.html" target="_blank"><img src="//image.shishitao.com:8440/aHR0cDovL2kuYm9vdHN0cmFwbWIuY29tLzIwMTgvNS8yMDEyMTk0NDQucG5n.png"></i>로드 중 다중 스타일 메시지 알림 프롬프트 레이어 또는로드 팝업 레이어. Bootstrap 프런트 엔드 스타일을 사용하면이 플러그인이 사용자 고유의 요구 사항을 충족하도록 매개 변수를 변경할 수 있습니다.</a></p> </li> <li><b><a href="/kr/7557_jquery-pop-up-bottom-menu-list-plugin.html" target="_blank">jQuery 팝업 하단 메뉴 목록 플러그인</a></b> <p><i><a href="/kr/7557_jquery-pop-up-bottom-menu-list-plugin.html" target="_blank"><img src="//image.shishitao.com:8440/aHR0cDovL2kuYm9vdHN0cmFwbWIuY29tLzIwMjAvNi8wNDEwNDQ1MzAucG5n.png"></i>jQuery 팝업 하단 메뉴 목록 플러그인은 휴대폰에 적합하며, 휴대폰 하단에 메뉴의 효과가 나타나며 슬라이드 선택을 할 수 있습니다.</a></p> </li> <li><b><a href="/kr/3193_jquery-pop-up-prompt-layer-plugin-background-covering-transparent.html" target="_blank">투명하게 덮는 jQuery 팝업 프롬프트 레이어 플러그인 배경</a></b> <p><i><a href="/kr/3193_jquery-pop-up-prompt-layer-plugin-background-covering-transparent.html" target="_blank"><img src="//image.shishitao.com:8440/aHR0cDovL2kuYm9vdHN0cmFwbWIuY29tLzIwMTgvNS8yNzA1NDEzMzkuanBn.jpg"></i>닫기 버튼과 좋은 호환성으로 잘 작동하는 간단한 jQuery 팝업 오버레이 플러그인.</a></p> </li> <li><b><a href="/kr/3174_jquery-realizes-pop-up-announcement-effect.html" target="_blank">jQuery, 팝업 알림 효과 실현</a></b> <p><i><a href="/kr/3174_jquery-realizes-pop-up-announcement-effect.html" target="_blank"><img src="//image.shishitao.com:8440/aHR0cDovL2kuYm9vdHN0cmFwbWIuY29tLzIwMTgvOS8yNjA5MjQzODAucG5n.png"></i>알림 텍스트를 표시하려면 jQuery에서 구현 한 기본 팝업 오버레이를 사용하십시오. 단어가 너무 많으면 스크롤 막대를 사용하여 아래로 당겨서 좋은 팝업 레이어 스타일 알림을 얻을 수 있습니다.</a></p> </li> <li><b><a href="/kr/3184_mobile-app-style-jquery-loading-prompt-layer-plugin.html" target="_blank">모바일 앱 스타일 jQuery 로딩 프롬프트 레이어 플러그인</a></b> <p><i><a href="/kr/3184_mobile-app-style-jquery-loading-prompt-layer-plugin.html" target="_blank"><img src="//image.shishitao.com:8440/aHR0cDovL2kuYm9vdHN0cmFwbWIuY29tLzIwMTgvNy8xNjExMTM1NTEuanBn.jpg"></i>jQuery는 IOS 스타일 프롬프트 레이어, 알림 레이어, 로딩 레이어 효과 및 기본 블랙 스타일을 구현합니다.</a></p> </li> <div class="clear"></div> </ul> </div> </div> <div class="sidebar"> <div class="search"> <form action="/default/index/slist" method="get" name="searchform" id="searchform"> <input name="keyword" class="input_text" placeholder="무료 템플릿을 검색하려면 키워드를 입력하십시오" type="text"> <input name="Submit" class="input_submit" value="search" type="submit"> </form> </div>  <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5446233687289962" data-ad-slot="8537103365" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <div class="cloud"> <h2 class="hometitle">인기 태그</h2> <ul> <a href="/kr/default/index/slist?keyword=%EB%B6%80%ED%8A%B8+%EC%8A%A4%ED%8A%B8%EB%9E%A9+%ED%85%9C%ED%94%8C%EB%A6%BF">부트 스트랩 템플릿</a> <a href="/kr/default/index/slist?keyword=%EB%B0%98%EC%9D%91+%ED%98%95">반응 형</a> <a href="/kr/default/index/slist?keyword=%EB%B6%80%ED%8A%B8+%EC%8A%A4%ED%8A%B8%EB%9E%A9+4">부트 스트랩 4</a> <a href="/kr/default/index/slist?keyword=%EB%B6%80%ED%8A%B8+%EC%8A%A4%ED%8A%B8%EB%9E%A9">부트 스트랩</a> <a href="/kr/default/index/slist?keyword=css3">css3</a> <a href="/kr/default/index/slist?keyword=%EC%BA%94%EB%B2%84%EC%8A%A4">캔버스</a> <a href="/kr/default/index/slist?keyword=%ED%9A%8C%EC%82%AC+%EC%9B%B9+%EC%82%AC%EC%9D%B4%ED%8A%B8">회사 웹 사이트</a> <a href="/kr/default/index/slist?keyword=%EA%B8%B0%EC%97%85+%EC%9B%B9+%EC%82%AC%EC%9D%B4%ED%8A%B8">기업 웹 사이트</a> <a href="/kr/default/index/slist?keyword=html5+%ED%85%9C%ED%94%8C%EB%A6%BF">html5 템플릿</a> <a href="/kr/default/index/slist?keyword=%EB%B0%B0%EA%B2%BD+%ED%85%9C%ED%94%8C%EB%A6%BF">배경 템플릿</a> <a href="/kr/default/index/slist?keyword=%EB%B6%80%ED%8A%B8+%EC%8A%A4%ED%8A%B8%EB%9E%A9+%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8">부트 스트랩 플러그인</a> <a href="/kr/default/index/slist?keyword=jquery+%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8">jquery 플러그인</a> <a href="/kr/default/index/slist?keyword=%EC%A0%84%EC%9E%90+%EC%83%81%EA%B1%B0%EB%9E%98+%ED%85%9C%ED%94%8C%EB%A6%BF">전자 상거래 템플릿</a> <a href="/kr/default/index/slist?keyword=%EA%B4%80%EB%A6%AC+%ED%85%9C%ED%94%8C%EB%A6%BF">관리 템플릿</a> <a href="/kr/default/index/slist?keyword=html+%ED%85%9C%ED%94%8C%EB%A6%BF">html 템플릿</a> <a href="/kr/default/index/slist?keyword=css3+%EC%95%A0%EB%8B%88%EB%A9%94%EC%9D%B4%EC%85%98">css3 애니메이션</a> <a href="/kr/default/index/slist?keyword=%EC%87%BC%ED%95%91%EB%AA%B0+%ED%85%9C%ED%94%8C%EB%A6%BF">쇼핑몰 템플릿</a> <a href="/kr/default/index/slist?keyword=%EA%B7%B8%EB%A6%BC+%EC%8A%A4%EC%9C%84%EC%B9%98">그림 스위치</a> <a href="/kr/default/index/slist?keyword=echarts">echarts</a> <a href="/kr/default/index/slist?keyword=%EC%97%94%ED%84%B0%ED%94%84%EB%9D%BC%EC%9D%B4%EC%A6%88+%ED%85%9C%ED%94%8C%EB%A6%BF">엔터프라이즈 템플릿</a> </ul> </div> <div class="paihang"> <h2 class="hometitle">인기 다운로드</h2> <ul> <li><b><a href="/kr/1_js-cool-color-particle-animation-effects.html" target="_blank">js 멋진 색상 입자 애니메이션 효과</a></b> <p><i><a href="/kr/1_js-cool-color-particle-animation-effects.html" target="_blank"><img src="//image.shishitao.com:8440/aHR0cDovL2kuYm9vdHN0cmFwbWIuY29tLzIwMjAvNC8wNTA5MjUyMDYucG5n.png"></i>js 멋진 색상 입자 애니메이션 효과</a></p> </li> <li><b><a href="/kr/1034_bootstrap-medical-website-template-response-html5-specialist-hospital.html" target="_blank">부트 스트랩 의료 웹 사이트 템플릿 응답 Html5 전문 병원</a></b> <p><i><a href="/kr/1034_bootstrap-medical-website-template-response-html5-specialist-hospital.html" target="_blank"><img src="//image.shishitao.com:8440/aHR0cDovL2kuYm9vdHN0cmFwbWIuY29tLzIwMTcvMTIvMTMxMDIzNDU2LnBuZw%3D%3D.png"></i>MediPoint는 의료 산업을위한 반응 형 HTML5 웹 사이트 템플릿으로, 최신 및 세계 표준에 부합하는 다목적 반응 형 HTML 템플릿입니다. MediPoint를 사용하는 사용자는 의료 센터, 병원, 의료 클리닉 및 의료 상점에서 사업을 시작할 수 있습니다. 두 개의 서로 다른 홈페이지와 두 개의 회사 소개 페이지에는 완전한 전자 상거래 페이지가 포함되어 있습니다. 주요 기능 : 총 17 페이지, 홈페이지 2 개, 의사의 개인 정보 페이지 2 페이지 및 상세 정보 페이지, 상점 페이지 html5 및 CSS3W3C 검증 Google 웹 글꼴 혁명 슬라이더는 Bootstrap3FontAwesome 아이콘을 사용합니다.</a></p> </li> <li><b><a href="/kr/7863_courier-company-logistics-freight-html-template.html" target="_blank">택배 회사 물류화물 HTML 템플릿</a></b> <p><i><a href="/kr/7863_courier-company-logistics-freight-html-template.html" target="_blank"><img src="//image.shishitao.com:8440/aHR0cDovL2ltZ3MuYm9vdHN0cmFwbWIuY29tLzIwMjAvNi8yODEwMzkyNzkuanBn.jpg"></i>Excelsure는 특송 회사 및 물류화물 서비스를위한 HTML 템플릿입니다. 이 템플릿은 특송 및 물류 회사 웹 사이트를위한 것입니다. 완벽한 픽셀 디자인과 가볍고 움직이기 쉽습니다. 이것은 깨끗하고 현대적이며 간단한 템플릿입니다. 주요 기능 현대적인 디자인 및 깔끔한 3 홈페이지 부트 스트랩 기반 4 픽셀 완벽한 디자인 사용자 정의가 쉬운 디자인 크로스 브라우저 호환 서식 및 주석 코드 LineAwesome & Flaticon Icon 글꼴 jQuery 효과 및 스크립트</a></p> </li> <li><b><a href="/kr/3861_js-confetti-falling-background-special-effects.html" target="_blank">js 색종이 떨어지는 배경 특수 효과</a></b> <p><i><a href="/kr/3861_js-confetti-falling-background-special-effects.html" target="_blank"><img src="//image.shishitao.com:8440/aHR0cDovL2kuYm9vdHN0cmFwbWIuY29tLzIwMTkvNC8xOTEwMzU1OTAuanBn.jpg"></i>js 색종이 떨어지는 배경 효과, 웹 페이지 배경, 하늘에서 떨어지는 색종이로 사용할 수 있습니다.</a></p> </li> <li><b><a href="/kr/1524_cool-movie-review-website-html-template-responsive-framework.html" target="_blank">멋진 영화 리뷰 웹 사이트 HTML 템플릿 반응 형 프레임 워크</a></b> <p><i><a href="/kr/1524_cool-movie-review-website-html-template-responsive-framework.html" target="_blank"><img src="//image.shishitao.com:8440/aHR0cDovL2kuYm9vdHN0cmFwbWIuY29tLzIwMTkvNy8xOTA5MzIxODQucG5n.png"></i>영화 정보 웹 사이트, 영화 리뷰 웹 사이트를 만들고 다른 유사한 영화 웹 사이트를 얻으려면 블록버스터는 레이아웃이 다른 강력한 웹 템플릿입니다. 당신이 찾고있는 영화 HTML 웹 사이트 템플릿입니다. 템플릿은 HTML5 및 JavaScript를 사용하여 널리 사용되는 프런트 엔드 프레임 워크 부트 스트랩을 기반으로 개발되었습니다. 또한 영화 및 TV 프로그램, 슬라이더 및 대화 형 모듈과 같은 많은 동적 요소가 포함됩니다. 메뉴는 화면 상단에 있으며 배너, 비디오, 버튼 또는 사용자 정의 HTML 블록을 메뉴 항목에 배치 할 수 있습니다. 응답 성과 브라우저 간 호환성으로 인해 템플릿은 모든 최신 장치에서 잘 작동합니다. 주요 기능 : 영화 및 TV 프로그램의 디자인에 완벽하게 반응하는 슬라이더 문의 양식 주석 양식 HTML5 및 CSS3 아름답고 심플한 디자인 다루기 쉽고 잘 구조화 된 자신의 페이지 확인 코드 생성</a></p> </li> </ul> </div> </div> <div class="clear"></div> </article>  <footer class="footer"> <div class="footer-box"> <div class="footer-menu"><div class="warp"> <div class="footer-div"> <h3>템플릿 서비스</h3> <ul> <li><a href="/kr/page/1">최신 템플릿</a></li> <li><a href="/kr/template/template_corporate-website">기업 웹 사이트</a></li> <li><a href="/kr/template/template_personal-website-blog">개인 블로그</a></li> <li><a href="/kr/template/template_backstage-management">배경 관리</a></li> <li><a href="/kr/template/template_e-commerce-mall">쇼핑 센터</a></li> <li><a href="/kr/template/free-jquery-plugin-example">JS 특수 효과 코드</a></li> </ul> </div> <div class="footer-div"> <h3>템플릿 서비스</h3> <ul> <li><a title="우리에 대해" href="/kr/about_us.html" target="_blank">우리에 대해</a></li> <li><a title="문의하기" href="/kr/contact_us.html" target="_blank">문의하기</a></li> <li><a title="저작권" href="/kr/copyright.html" target="_blank">저작권</a></li> </ul> </div> <div class="footer-div"> <h3>사이트 맵</h3> <ul> <li><a title="사이트 맵" href="/kr/sitemap.html" target="_blank">사이트 맵</a></li> </ul> </div> <div class="footer-text"> <p>OK Template (www.okTemplate.com) 많은 무료 웹 템플릿 자료,jQuery 플러그인,JS 특수 효과 코드,비즈니스 웹 사이트 템플릿,웹 사이트 템플릿 다운로드,Div + CSS 템플릿,무료 워드 프레스 템플릿,웹 디자인 템플릿을 제공합니다. ,웹 사이트 배경 관리 템플릿,개인 블로그 템플릿,전체 사이트 템플릿 프로그램 등 수천 개의 무료 웹 페이지 템플릿 다운로드.</p> </div> </div></div> <div class="copyright"> <div> Copyright © 2020-2021 okTemplate.com All Rights Reserved</div> <div> </div> </div> </div> </footer> <script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1279651835'%3E%3C/span%3E%3Cscript src='https://v1.cnzz.com/stat.php%3Fid%3D1279651835' type='text/javascript'%3E%3C/script%3E"));</script> <script type="text/javascript"> //jQuery.noConflict(); jQuery(function() { var elm = jQuery('#left_flow2'); var startPos = jQuery(elm).offset().top; jQuery.event.add(window, "scroll", function() { var p = jQuery(window).scrollTop(); jQuery(elm).css('position',((p) > startPos) ? 'fixed' : ''); jQuery(elm).css('top',((p) > startPos) ? '0' : ''); }); }); </script> </body> </html>