Jquery 모달 팝업 상자 모달 플러그인
<헤드>
?? վ ???? ǽ </ 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></span> </div>
</a></li>
<li class="post"><a target="_blank" href="/kr/7929_jquery-practical-media-video-player-plug-in.html" title="jQuery 실용적인 미디어 비디오 플레이어 플러그인"><i><img src="//image.shishitao.com:8440/aHR0cDovL2ltZ3MuYm9vdHN0cmFwbWIuY29tLzIwMjAvNy8wODA5MzY1MzAucG5n.png" alt="jQuery 실용적인 미디어 비디오 플레이어 플러그인"></i>
<div class="picinfo">
<h3>jQuery 실용적인 미디어 비디오 플레이어 플러그인</h3>
<span>jQuery 실용적인 미디어 비디오 플레이어 플러그인</span> </div>
</a></li>
<li class="post"><a target="_blank" href="/kr/6908_jquery-image-or-div-cropping-plugin.html" title="jQuery 이미지 또는 div 자르기 플러그인"><i><img src="//image.shishitao.com:8440/aHR0cDovL2kuYm9vdHN0cmFwbWIuY29tLzIwMTgvNS8yNzAzMTk1MDMuZ2lm.gif" alt="jQuery 이미지 또는 div 자르기 플러그인"></i>
<div class="picinfo">
<h3>jQuery 이미지 또는 div 자르기 플러그인</h3>
<span>Jcrop은 강력한 자르기 플러그인으로, 이미지 확대 및 기타 기능을 사용하여 이미지를 자르는 것뿐만 아니라 다른 요소도자를 수 있습니다. 데모를 찾아 보는 것이 좋습니다.</span> </div>
</a></li>
<li class="post"><a target="_blank" href="/kr/7933_jquery-drop-down-box-select-multi-select-and-single-select-plugin.html" title="jQuery 드롭 다운 상자에서 다중 선택 및 단일 선택 플러그인 선택"><i><img src="//image.shishitao.com:8440/aHR0cDovL2ltZ3MuYm9vdHN0cmFwbWIuY29tLzIwMjAvNy8xMDA5NDc0MTQucG5n.png" alt="jQuery 드롭 다운 상자에서 다중 선택 및 단일 선택 플러그인 선택"></i>
<div class="picinfo">
<h3>jQuery 드롭 다운 상자에서 다중 선택 및 단일 선택 플러그인 선택</h3>
<span>select.js는 드롭 다운 상자 플러그인입니다. 매개 변수를 통해 다중 선택 또는 단일 선택을 설정할 수 있습니다. 다중 선택은 배열 결과를 반환하고 단일 선택은 문자열을 반환합니다. var mySelect = $ ( "# mySelect"). mySelect ({
mult : true, // true는 객관식, false는 단일 선택
옵션 : [// 옵션 데이터
{
label : "옵션 1",
값 : 0
},
{
label : "옵션 2",
값 : 1
},
{
label : "옵션 3",
값 : 2
},
{
label : "옵션 4",
값 : 3
},
{
label : "옵션 5",
값 : 4
},
{
label : "옵션 6",
값 : 5
}
],
onChange : function (res) {// Select box 값 변경 및 결과 반환
console.log (res)
}
});
mySelect.getResult ()를 통해 선택 상자의 값을 가져옵니다.</span> </div>
</a></li>
</ul>
</div>
<div class="blank"></div>
<div class="pagelist">
<div class="pagelist"><a href="/kr/default/index/slist?keyword=jquery">첫 페이지</a><a href="/kr/default/index/slist?keyword=jquery&page=68">이전 페이지</a> <a href="/kr/default/index/slist?keyword=jquery">1</a>.. <a href="/kr/default/index/slist?keyword=jquery&page=60">60</a> <a href="/kr/default/index/slist?keyword=jquery&page=61">61</a> <a href="/kr/default/index/slist?keyword=jquery&page=62">62</a> <a href="/kr/default/index/slist?keyword=jquery&page=63">63</a> <a href="/kr/default/index/slist?keyword=jquery&page=64">64</a> <a href="/kr/default/index/slist?keyword=jquery&page=65">65</a> <a href="/kr/default/index/slist?keyword=jquery&page=66">66</a> <a href="/kr/default/index/slist?keyword=jquery&page=67">67</a> <a href="/kr/default/index/slist?keyword=jquery&page=68">68</a> <font color="#FF7800">69</font> <a href="/kr/default/index/slist?keyword=jquery&page=69">다음 페이지</a> <a href="/kr/default/index/slist?keyword=jquery&page=69">마지막 페이지</a></div>
</div>
</article>
<!--
* @Author: your name
* @Date: 2022-01-28 12:16:04
* @LastEditTime: 2022-01-29 17:51:45
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \new1jquery\core\templates\default\common\footer.html
-->
<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>
$container=$(".imgbox");
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.post',
columnWidth: 0
});
});
</script>
</body>
</html>
