Designer · Publisher

PREV 1 / all NEXT 1 / all 1. next버튼 - 2번 이미지(뒷면)가 나오도록 설정 - next버튼을 클릭할때마다 1칸씩 이동 (변수 n값 사용) - 끝까지 가면 처음으로 돌아가도록(if문) 2. prev버튼 - 2번 이미지(뒷면)가 나오도록 설정 - next버튼을 클릭할때마다 1칸씩 이동 (변수 n값 사용) - 끝까지 가면 처음으로 돌아가도록(if문) 3. indi버튼 - li를 클릭했을 때 해당하는 이미지 나오도록 - 클릭한 li색상 변경 - 처음 이미지 li색상 변경 - nest/prev버튼 클릭했을 때 같이 색상 변경 4. page - 전체페이지 5. 자동롤링(setInterval) - 마우스를 올렸을 때 멈추고, 벗어났을 때 다시 실행 - 정지 버튼을 클릭했을 때 멈추고, 재..

01 02 03 04 05 [ex01] 다음 버튼 클릭 시 이미지 변경 이전 다음 [ex02] 다음 버튼 클릭 시 이미지 변경(appendTo, insertAfter 사용) 다음 [ex03] 다음 버튼 클릭 시 이미지 변경(if 사용) 이전 다음

부등호연산자 > : ~보다 크다, 초과= : ~보다 크거나 같다, ~이상= 70){ alert('합격') }else{ alert('불합격') } ② 만약 80이상이면 우수, 60이상이면 보통, 60미만이면 노력 (3개) if(80이상){ 우수 }else if{ 보통 }else{ 노력 } if(avg >= 80){ alert('굿') }else if(avg >= 60){ alert('올') }else{ alert('분발해') } ③ [중첩if문] 0~100까지 입력했을 때만 아래 조건을 실행 2개 조건을 만족(&&) ▶ if(0보다 크고 100보다 작을때만){ if(80이상){ 우수 }else if{ 보통 }else{ 노력 } } if(avg >=0 && avg= 80){ ale..

body 좌표값 추출 TOOLTIP Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam eos sunt, veritatis facilis, temporibus amet repellat commodi atque molestias fuga, quos nam porro, ipsa quas. Sed tempora exercitationem, sit unde. 자세한 내용 영역 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam eos sunt, veritatis facilis, temporibus amet repellat commodi atque molestias fuga, quos na..

HTML폼을 만들때 구조화 하는것은 중요한 것이다. 이것은 두가지 이유로 중요하다. 폼이 사용 할수 있다는 것을 보장하고 접근성도 늘릴수 있기 떄문이다.(즉 장애인들도 쉽게 사용할 수 있다.) HTML 폼의 접근성은 중요한 점이고 어떻게 폼 접근성을 높일 수 있는지 볼것이다. HTML 폼들은 그 유연성으로 인해 HTML 중 복잡한 구조를 가지고 있는 요소중 하나이다. 폼 요소와 속성을 잘 혼합하면 모든 형태의 기본적인 폼을 만들 수 있다. 즉 몇몇 사람들이 HTML폼이 단순하고 매우 거칠다는 것을 발견했다는 것에 주목할 가치가 있다. XForms같은 풍부한 기술이 있다는 것은 사실이지만 불행하게도 모든 브라우저에서 폼의 종류를 널리 구현되지 않았다. 왜냐하면 대부분 자바스크립트에 의존하여 HTML폼들을 ..

변수에 var을 사용하면 지역변수로 인식된다.지역 변수 : 한 그룹 안에서만 사용할 때 전역 변수 : 한가지 값을 여기저기 사용할 때 함수를 실행시키는 명령 test01() test02() exfunction test01(){var uname = '할로' //지역변수 - 한 그룹에서만 반응 document.write(uname, ' ')}function test02(){uname = '바이' //전역변수 - document 전체에 반응 document.write(uname, ' ') }

대입연산자 (연산된 데이터를 최종으로 다시 변수에 저장)a = 10 a = a + 10 a += 10 document.write(a, ' ') var num01 = 10 var num02 = 2 num01 += num02 document.write(num01, ' ') //값 12num01 -= num02 document.write(num01, ' ') //값 10num01 *= num02 document.write(num01, ' ') //값 20 num01 /= num02 document.write(num01, ' ') //값 10 num01 %= num02 document.write(num01, ' ') //값 1 문자결합연산자 문자형 데이터 + 문자형 데이터 = 하나의 결합된 문자형 데이터 문자형..

변수(데이터를 저장하는 공간)- 한개의 값만 가질 수 있다.- var는 사용해도 되고 안해도 값은 똑같은데 쓰는걸 권장- 변수는 "", '' 안에 사용하지 않음- 변수는 계산이 가능하다.(숫자데이터)- 변수 입력법1. 한글은 절대 쓰지 않는다.2. 띄어쓰지 않는다.3. 대소문자 구분한다.4. 첫글자는 숫자를 사용하지 않는다.5. 특수기호는 _ $6. 예약어를 사용하지 않는다.(document, window..등) a라는 변수(공간)을 만들어라 (값은 없음) → var a;a라는 변수(공간)에 10을 넣어라 또는 치환하여라. → var a = 10 숫자, 문자, 논리값(블린), 비어진값 데이터 01. 문자 데이터(string)는 무조건 '' or "" 사용 var txt01 = 'JQuery'var txt..

HTML5 / CSS3 태그 DOM DOM(Document Object Model : 문서 객체 모델) menu1 menu2 menu3 menu4 menu5 gnb2 menu1 menu2 menu3 menu4 menu5 .text() .html() 텍스트 변경 명령어 .text() : 태그 인식X .html() : 태그 인식O $('선택자').명령어(실행) 첫번째 a태그의 텍스트를 HOME 으로 변경 $('.gnb li a:first').text('HOME') 두번째 a태그의 텍스트를 KHJ으로 변경하되, strong 태그로 추가되도록 설정 $('.gnb li a:eq(1)').html('KHJ') html태그 삽입 명령어 (.prepend() .append() .before() .after()) .pr..