moo.fx (1) 썸네일형 리스트형 Simple Tooltip Class 아랫글에서 말했던, daybreaker.info 첫화면을 리뉴얼할 때 사용한 간단한 툴팁 클래스를 공개한다. prototype과 moo.fx가 필요하다. (첫화면에는 html 소스에 바로 들어가 있는데 여기서는 js 파일로 정리했다.) 사용법은 아주 간단하다. window.onload와 같은 이벤트에서 initTooltips() 함수를 호출해주면, 자동으로 페이지에 있는 모든 a 태그를 검사하여 title 속성이 있는 태그에 대해 툴팁을 달아준다. 이때 새로운 div 태그가 body에 하나 추가되는데, 이 태그는 tooltip이라는 class로 설정되므로 style sheet에서 적절하게 디자인을 정의해주면 된다. (평상시엔 보이지 않는 태그이므로 페이지의 레이아웃에는 전혀 영향을 주지 않는다) 그렇게 .. 이전 1 다음