Blog Content

HTML 워크리스트1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651..

HTML 푸터 고정 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 New Document html, body {margin:0; padding:0; height:100%;} #wrap {min-height:100%; position:relative;} #header { background:#ff0; padding:10px; } #container {padding:10px; padding-bottom:60px;} /* contianer padding-bottom px*/ #footer { position:absolute; bottom:0; width:100%; height:60px; backgroun..

CSS animate 사이트 https://daneden.github.io/animate.css/

출처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") 홀수번째 요소..

DOM Tree 모든 엘리먼트는 HTMLElement의 자식이다. HTMLElement는Element의 자식이고 Element는 Node의 자식이다. Node는 Object의 자식이다.이러한 관계를 DOM Tree 라고 한다.

한글 Lorem Ipsum 디자인을 할때 더미텍스트로 사용할수있는 사이트 http://guny.kr/stuff/klorem/#/p-html

index() / text() / html() 매서드 HTML 123456789101112131415 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 메뉴7 메뉴8 메뉴9 메뉴10 jQuery 12345678$(function(){ /* index() / text() / html() 매서드 */ $('#gnb>li').on('click', function(){ var i = $(this).index(); $('.txt').text(i); $('.box').html(""+i+"") });});

HTML 123성인인증나이입력후 확인버튼 조건문 123456789101112131415$(function(){ $('button').on('click', function(){ var num = $('input').val(); // 변수 지역변수 선언 // 조건문 if(num == ""){ alert ("나이를 입력 하세요.") }else if(num >= 19){ alert ("성인 입니다.") }else if (num

jQuery 버튼 효과 1. 롤오버 버튼2. 오버시 라인이 생성3. 좌측에서 우측으로 색상변경 1234567891011121314151617181920212223242526272829303132 버튼 /* 첫번째 버튼 */ button1 button2 button3 button4 /* 두번째 버튼 */ button5 button6 button7 button8 /* 세번째 버튼 */ button9 TEXT button10 TEXT button11 TEXT button12 TEXT 1234567891011121314151617181920212223242526272829#btn button { position:relative; display: block; float:left; width:225px; heigh..

/* 연산자 */ 1. 산술 연산자+, -, *, /, %, ++, --'%' 나머지값 var a=0%5; a = 0;변수의 값을 나머지값을 출력 !중요 '++' : 변수의 값을 1씩 증가 '--' : 변수의 값을 1씩 감소 "a = a+1 > a++ 와 같은 의미 " 2. 대입연산자=, +=, -=, *=, /=, %="a = a+1; a+=1 a++ 와 같은 의미 " 3. 비교연산자 =, '==' : 값만 비교한다. 4=='4' true' ===' 값과 속성을 비교한다. 4==='4' false'!=' 같지 않다. 4!=3; true'!==' 완전히 같지 않다. 1. (1 == '1') ; true2. (1!= '1') ; false3. (1 === '1') ; false4. (1 !== '1') ;..