폰트사이즈 확장 및 축소

폰트사이즈 확장 및 축소 컨텐츠 본문에서 폰트 사이즈 확장 및 축소 jQuery 12345678910111213141516171819var maxNum = 24; // 폰트 사이즈 var nimNum = 14; // 폰트 사이즈 $('.box-zoom .btn-zoomin').on('click', function () { // console.log(uiSize + 2) var ui_font = $(".box-news-body").css("font-size") var uiSize = Number(ui_font.replace(/[^0-9]/g,'')); if (uiSize nimNum) $('.box-news-body').css({'font-size': '-=2'}); }); 12345678910111213..

• format_list_bulleted 개발연습막쓰기/개발연습 막쓰기
• · 2017. 12. 21.
• textsms

jQuery 탑 버튼

jQuery 퀵 버튼 01. CSS 12345678910* {margin:0; padding:0; font-size:14px;}a, a:active {color:#333; text-decoration:none;}ul li {list-style:none;}header {height:100px; background:orchid}section {height:1500px; background:burlywood}footer {height:100px; background:darkcyan}body { position:relative; }.quick {position:fixed; bottom:20px; right:20px; display:none;}.quick.on {display:block; }.quick a {di..

• format_list_bulleted 개발연습막쓰기/개발연습 막쓰기
• · 2017. 7. 25.
• textsms

scrollTop 이벤트

스크롤 따라다니는 메뉴 01. CSS 123456789/* CSS 는 입맛에 맞게 변경 */html, body {height: 100%;}#wrap {text-align:center; height:100%}header {background:orange; box-shadow: 0px 5px 10px -5px; position:relative;}header li {display:inline-block;}header li a {display:block; padding:20px;}header.fixd {position:fixed; top:0; width: calc(100% - 15px);} section {background:orchid; min-height:100%; padding:150px 0 150px}f..

• format_list_bulleted 개발연습막쓰기/개발연습 막쓰기
• · 2017. 7. 18.
• textsms

드롭 ANIMATE 텝

텝 Animate 드롭 메뉴 01. CSS 123456789101112.tab_type02 ul:after {content:""; display: block; clear:both;}.tab_type02 li {float:left;/* width:25%;*/}.tab_type02 li a{display:block; padding:10px; border:1px solid #ccc; text-align:center;}.tab_type02 li.on a{background:#ccc; color:#fff; }.tab_type02 .box_area { position: relative;}.tab_type02 .box {border:1px solid #ccc; border-top:0; width:100%; paddi..

• format_list_bulleted 개발연습막쓰기/개발연습 막쓰기
• · 2017. 7. 17.
• textsms

퍼블리싱 워크리스트

HTML 워크리스트1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651..

• format_list_bulleted 개발연습막쓰기/개발연습 막쓰기
• · 2017. 2. 6.
• textsms

jQuery 셀럭터, jQuery 선택자

출처http://zetawiki.com/wiki/JQuery_%EC%85%80%EB%A0%89%ED%84%B0 셀렉터 예시 설명 id, class, tag로 선택 ★★★ * $("*") 모든 요소들 #id $("#lastname") id가 "lastname"인 요소 .class $(".intro") 클래스가 "intro"인 요소들 .class,.class $(".intro,.demo") 클래스가 "intro" 또는 "demo"인 요소들 element $("p") 요소들 el1,el2,el3 $("h1,div,p") , and 요소들 처음, 마지막, 홀수, 짝수 선택 ★ :first $("p:first") 첫번째 요소 :last $("p:last") 마지막 요소 :odd $("tr:odd") 홀수번째 요소..

• format_list_bulleted 개발연습막쓰기/개발연습 막쓰기
• · 2016. 12. 8.
• textsms