17.7 애니메이션 지연1) delay(duration) : 메서드의 매개 변수에 정지하려는 시간을 미리초 단위로 입력 [delay함수의 duration 파라미터 값을 미리 초단위로 입력 (1000 = 1초)] 코드 17-21DOCTYPE html> div { width:100px; height:100px; background-color:Orange; border:solid #ff0000; position:relative; } $(document).ready(function () { /* each 앞에 꺼를 반복 실행합니다. */ $('div').each(function (index ,domElement) { /* Type1 */ // (index * 500)초 후 animate() 메서드를 실행합니다...
17.6 애니메이션 정지1) $(selector).stop(); == $(selector).stop(false,false);◆ 실행 애니메이션을 정지한다.◆ 기본값 (false,false). 2) $(selector).stop(clearQueue , goToEnd); ◆ 애니메이션큐를 삭제 한다 ◆ clearQueue : true => 효과 애니메이션 큐의내용을 제거◆ goToEnd: true => 실행중인 애니메이션 최종위치로바로이동 코드17-20 DOCTYPE html> div { width:100px; height:100px; background-color:Orange; position:relative; } $(document).ready(function () { // 이벤트를 연결합니다. $('b..
T17-4~6 jQuery 메서드 (효과)
- 스와이프 1. OwlCarousel2 : 스와이프, 반응형, ie7
div & spandivision의 의미를 갖는 div라는 element는 block-level element를 표현하기 위해서 사용되며, span element는 inline-level element를 표현하기 위해서 사용된다. 또한 이 2개의 element는 이미지에서 다루었듯이 이미지맵을 위한 map element와 같이 id, class라는 attribute로 이름을 지정할 수 있다.와 은 태그를 대신할 수 있고 태그를 사용하는 것보다 파일의 크기를 줄일 수 있을 뿐만이 아니라 웹의 속도도 올려줄 수가 있는 태그입니다. 1. div elementdiv는 웹페이지의 elements들을 논리적으로 그룹으로 묶을 수 있으며, 이것에 이름을 붙여서 컨트롤 할 수 있다. 태그는 무조건 한줄의 공간을 준비한..
# table 접근성 코딩 (접근성코딩시 지켜야할 사항) ※ cospe="col , row" 접근성 테이블 제목 입력 // 상단 제목줄세로 관련제목세로 관련제목세로 관련제목세로 관련제목세로 관련제목가로관련 제목내용 내용 내용 내용 가로관련 제목내용 내용 내용 내용 // 하단 관련 구분이필요한경우가로관련 제목내용내용내용내용 ※ id, headers 접근성 공과대학 교과목 편성표학년학기교과구분교과목명11전공필수일반물리학개론공학수학조선해양공학개론도면독도의 이해조선해양 생산의 이해교양필수경제학원론영어회화 I한국사I동서양 고전의 이해
- jQuery css 크기 측정window 와 document 객체는 지원하지 않습니다. width, height 사용. method 설명 .outerWidth(true | false) 기본값(false) padding+border , (true) padding+border+margin .outerHeight(true | false) 기본값(false) padding+border , (true) padding+border+margin Hello // outerWidth:214 , outerWidth(true):234// outerHeight:114 , outerHeight(true):134
- Total
- Today
- Yesterday