풍선 도움말

풍선 도움말을 만들어 보도록 하자.

jQuery 플러그인으로 제공되는 풍선 도움말은 다음 경로에서 확인이 가능하다.

http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html

화면은 다음과 같다.

특이한 점은 풍선도움말의 디자인을 자바스크립트가 직접 그리기 때문에 따로 css를 지정하지 않아도 된다.

화면의 위치는 내부적으로 계산을 하도록 되어있어 편리하다.

사용방법은 무척 간단하다.

a 태그에 title로 설명을 적어주면 된다.

 

<a href="#" class="target" onclick="" title="Delete message">

자바스크립트는 다음처럼 호출하면 된다.

 

 

jQuery('span, a').bt();

이것만으로도 훌륭한 풍선도움말이 만들어진다.

[출처] 풍선 도움말|작성자 하늘밑