목록분류 전체보기 (71)
타쿠꺼
Attributes: 속성값 다루기 - .attr() : attribute를 가져옴 / 설정 (첫번째요소 / 모든요소)- .prop() : prop을 가져옴 / 설정 (첫번쨰요소 / 모든요소) 여기서 attr과 prop은 비슷한데, attr은 html 태그에 기술되어 있는 속성값을 다룬다면, prop은 태그에 대한 기능을 다룬다.대개 form과 관련하여 attr과 prop의 사용이 나뉘는데 위와 같이 있을 경우 $('input').prop('checked') : true$('input').attr('checked') : checked 와 같이 표현된다. attr은 태그의 속성값을 그대로 가져오고, prop은 기능을 가져온다. function method() {console.log('method');}위와..
animation의 재생 횟수 카운트는 엘리먼트의 display가 none 상태가 되면 초기화된다.만약 한 번 재생으로 해놨다면, 해당 엘리먼트의 display가 none이 되기 전까지 다시는 재생되지 않는다.display가 none이었다가 다시 렌더링이 된다면 animation이 설정된 횟수 대로 또다시 재생된다.
CSS로 애니메이션효과를 만들 수 있다.애니메이션은 우선 키프레임을 정의하여 효과를 부여한다. 1234567@keyframes name { 0% { ... } n% { ... } 100% { ... }}cs 와 같이 키프레임을 정의한다. 키프레임을 정의했으면 애니메이션을 적용할 셀렉터에 animation 프로퍼티로 적용한다. 1234567891011.selector { animation: animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, animation-play-state;} cs anim..
- IE의 렌더링 엔진을 고정시킴. - 반응형 웹을 위해 설정한다. 설정하지 않으면 모바일 기기에서 단순히 전체화면이 출력된다. - 설정하면 모바일기기의 가로폭을 인지하여 작동한다. 따라서 미디어쿼리를 이용해 반응형 웹을 구현할 수 있는 것.
font: style | variant | weight | stretch | size / line-height | family
var interval = setInterval(function, ms); - ms간격만큼 function 실행. clearInterval(interval); - interval 중지 var timeout= setTimeout(function, ms); - ms뒤에 function 실행. clearTimeout(timeout); - timeout중지
걸스데이 폰트http://www.dafont.com/patriot.font
img 태그에는 onerror 속성이 있다.onerror 속성은 img로딩에 실패했을 경우 발생되는 이벤트이다.즉 을 설정하면 이미지 로딩에 실패한 경우, 대체 src를 통해 실패시의 이미지를 보여줄 수 있다.
fieldset: 관련있는 폼을 그룹지을 때 사용한다. 기본값으로 네모 박스로 둘러쌓여진다. - legend: fieldset의 caption역할을 한다. select: option 태그를 감싼다. 드롭다운메뉴를 생성한다. - option: 드롭다운메뉴 하나하나를 설정한다. select>option+option+option... 으로 구성한다. label: for 속성을 이용해 input태그의 id값과 맞추어 input태그의 라벨을 설정한다. 이렇게 라벨의 for값과 input의 id값을 맞추면 라벨을 클릭하면 해당 input박스가 체크박스나 라디오버튼인 경우, 선택되는 효과가 있다.