[2015.09.22] jQuery이용 colorful 프로필 카드 UI

css는 scss 문법 활용, js는 jQuery 활용하여 깔끔하게 만들었군요

특별히 어려운 내용은 없고... 중간에 .blur()가 보이므로~

오늘은 jquery event 중 자주 쓰이는 hover(), focus(), blur() 이벤트만 간략하게 봅시다.ㅎ

* 요소위에 마우스를 진입할 때 떠날 때 실행

.hover( handlerIn, handlerOut ) - 마우스오버 시 handlerIn 실행, 마우스 제거시 handelrOut 실행

* 요소가 포커스를 얻을 때 실행

.focus( [eventData ], handler )

* 요소가 포커스를 잃을 때 실행

.blur( [eventData ], handler )

참고 : http://makand.tistory.com/entry/jQuery-Events-hover-focus-blur





  







간단한 사용 예제 및 Demo

See the Pen Material VCard by Rian Ariona (@ariona) on CodePen.