풍선도움말 스크립트

1. 개요 (Overview)
객체에 사용자가 직접 디자인한 풍선도움말을 보여줄 수 있는 스크립트입니다.

2. 사용법 (Usage)
우선, 풍선도움말을 디자인해서 코드를 DIV 태그 안에 집어넣습니다. 꼭 display 속성을 none으로 해주셔야 합니다.

[CODE] <div id="balloonHint" style="display:none">
<table border="0" cellspacing="0" cellpadding="5" bgcolor="#FFFFCC" style="border:1px solid #CC3300">
<tr><td>대충 제목</td></tr>
<tr><td>{{hint}}</td></tr>
</table>
</div>
[/CODE]

그 다음에 풍선도움말을 활성화시킵니다. 아이디는 위에서 정한 아이디와 같기만 하면 뭐라도 상관없습니다.

[CODE]
<script language="javascript">balloonHint("balloonHint")</script>
[/CODE]

이제 풍선도움말을 보여주고자 하는 태그에 hint 속성을 부여합니다.

[CODE]
<a href=" http://esll.net" target="_blank" hint="클릭하면 저의 사이트로 이동합니다.">http://esll.net</a>
[/CODE]

이걸로 끝입니다. 저 스스로가 귀찮은 것은 딱 질색이라서 최대한 간단하게 사용하실 수 있도록 만들었습니다.
※ 주의! 풍선도움말 레이어의 글꼴 스타일 등의 형식은 반드시 레이어안에 직접 작성해주세요.

Leave a Reply

Your email address will not be published. Required fields are marked *