감성 퍼블리셔 html,css

마우스 관련 jQuery 및 javascript 이벤트 목록 (Mouse event) 내용이 누락된것이 있을 수 있지만, 최대한 모아놓것을 정리한것이다. 제이쿼리를 사용할시 일부 기능에 따라 커스텀 할때 부분적으로 수정을 해야할때가 있다. 이때 조금이라도 도움이 될 수 있도록 Mouse 관련 이벤트 항목을 몇개 정리해보았습니다. 이벤트명 발생내용 및 설명 onmousedown 마우스가 개체 위를 눌렀을 때 발생 목록 참조 onmouseenter 사용자가 마우스포인터로 개체 위에 들어갔을 때 발생 목록 참조 onmouseleave 마우스포인터가 개체의 범위 밖으로 이동하면 발생 목록 참조 onmousemove 마우스가 개체 위에서 이동하였을 때 목록 참조 onmouseout 마우스가 개체 위에서 이탈하였을..

웹접근성을 통과하기 위해선 마우스를 사용하지 않고, 키보드 tab키만으로도 모든 객체에 접근이 가능해야만 한다. 이에 tab키에 의한 동작이 순서에 따라 이동되지 않을때, 페이지가 로딩될 시 tabindex를 적용하여 순차적인 이동이 가능하도록 하는 태그이다. tabindex=”1″ 문서 안에서 가장 먼저 초점을 받을 수 있습니다. 그러나 자연스러운 마크업 순서를 거스르기 때문에 주의해서 사용해야 합니다. 검색엔진 사이트에서 검색창에 사용하면 적합하지만(이 대신 autofocus=”autofocus” 속성이 더 적절할 듯 해요) 그 외 적합한 경우는 잘 떠오르지 않는군요. tabindex=”0″ 키보드 초점을 받을 수 없는 div, span과 같은 요소도 초점을 받을 수 있도록 만들어 줍니다. 초점을 받..

jQuery는 그래픽 제작툴에서 제공하는것과 흡사한 도큐먼트의 변화를 표시하기 위한 다양한 애니메이션 효과를 위한 메소드가를 제공한다. 기본 이펙트 메소드 show() : 엘리먼트를 나타나게 한다. hide() : 엘리먼트를 사라지게 한다. toggle() : 엘리먼트가 사라졌다 나타나도록 하는 상태를 반복한다. slideDown() : 해당 엘리먼트의 앞에 원하는 내용을 추가한다. slideUp() : 엘리먼트의 높이가 서서히 0에 가깝게 줄어가며 사라진다. slide Toggle() : 해당 엘리먼트의 상태에 따라, 위로 사라지게 하거나 내려서 등장시킨다. fadeIn() : 엘리먼트의 불투명도를 점점 높여서 엘리먼트가 보이도록 한다. fadeOut() : 불투명도를 점점 감소하면서 해당 엘리먼트를 ..

어티리뷰트(Attribute:속성)는 요소에 부가적인 정보를 첨가하고자 할 때 사용하는 것이다. 기본 어트리뷰를 다루기 위한 메소드 attr() : 엘리먼트의 어트리뷰 값을 가져오고, 설정 removeAttr() : 엘리먼트의 어트리뷰 값을 제거 클래스 어트리뷰를 다루기 위한 메소드 addClass() : 엘리먼트의 클래스명으로 스타일을 입힌다. removeClass() : 엘리먼트에 클래스명으로 스타일을 제거한다. toggleClass() : 엘리먼트에 해당 클래스가 있으면 제거하고, 없으면 추가한다. hasClass() : 엘리먼트에 클래스 존재여부를 확인한다, DOM 대체를 위한 메소드 html() : 엘리먼트의 태그 내부의 HTML 콘텐츠를 얻어온다. html(Content) : 엘리먼트의 태그 ..