목록전체 글 (116)

Eveningstar

css3

CSS3 2D transform(평면) translate()rotate()scale()skewX()skewY()matrix() 익스 9미만 지원안되는 css도 있음(scale) translate() - translate() 메서드는 요소를 현재 위치에서 X 축 및 Y 축에 지정된 매개 변수에 따라 이동시킨다 https://jsfiddle.net/jywoo/hcgbo6rb/2/ rotate() - rotate()메소드는 주어진 정도에 따라 요소를 시계 방향 또는 시계 반대 방향으로 회전 scale() - scale()메서드는 요소의 크기를 늘리거나 줄입니다 (폭 및 높이에 대한 매개 변수에 따라). https://jsfiddle.net/jywoo/a01v4jek/ skewX()/ skewY() - skew..
HTML&CSS 2017. 9. 6. 22:08
fading/sliding

fading fadeIn(); - 나타난다fadeOut(); - 사라진다fadeTo(); - 투명도 조절fadeToggle(); - 토글 https://jsfiddle.net/jywoo/64kgr5mq/1/ sliding slideDown()slideToggle()slideUp() https://jsfiddle.net/jywoo/28u5acL2/ this 자바스크립트의 함수는 호출될 때, 매개변수로 전달되는 인자값 이외에, arguments 객체와 this를 암묵적으로 전달 받는다.또한 함수 호출 패턴에 따라 this의 참조값이 달라진다. https://jsfiddle.net/jywoo/vqs1kcu2/1/
jQuery 2017. 9. 1. 00:28
레이어팝업 포커싱

문제 상황 : - 클릭시 오픈된 레이어 팝업으로 키보드 포커싱이 이동하지 않고, 팝업 닫기 후 기존 페이지로 포커싱 이동이 안됨 → 레이어 팝업 활성화 시, 키보드는 레이어 안으로 반드시 이동해야 함 "a태그"와 "레이어 팝업" 1) 키보드 초점을 순서대로 옮겨지도록 팝업 오픈 버튼(앵커 태그) 클릭 후 레이어가 열리는 순간 초점을 레이어로 옮기기(타겟 레이어에 tabindex=0 사용)2) 레이어팝업 안에서 초점이 순서대로 이동해야 하며, 레이어의 상태를 display:block으로 만들어 준다.3) 레이어 팝업을 닫으면, 초점은 레이어 팝업을 열었던 곳으로 이동해야한다. HTML 123456789101112131415 레이어팝업! 내용 홈페이지 대표메일 Close Colored by Color Scr..
웹접근성 2017. 8. 31. 12:16
이벤트 다루기2/위치다루기

- 단축이벤트 1) 브라우저 이벤트 : error() / resize() / .scroll() 2) 문서 로딩 이벤트 : jQuery.holdReady() / jQuery.ready() / .load() / .ready() / .unload() 3) 이벤트 핸들러 attachment : .delegate() / .die() / jQuery.proxy() / .live() / .off() / .on() / .one() / .trigger() / .triggerHandler() / .undelegate() * bind/unbind는 사용되지 않음 4) 이벤트 객체 : http://api.jquery.com/category/events/event-object/ //Create a new jQuery.Event..
jQuery 2017. 8. 28. 22:28
Prev 1 ··· 20 21 22 23 24 25 26 ··· 29 Next