UniTip 풍선 도움말 표시

UniTip은 간단하게 풍선도움말을 표시하는 기능입니다.

[ATTACH]425[/ATTACH]
첨부파일을 다운로드 받은후 아래와 같이 적용시키면 됩니다.
투명 PNG를 Explorer 6에서 적용될 수 있는 Unit PNG fix 도 같이 적용 시키는 것이 좋습니다.

<link href="css/unitip.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="js/unitip.js"></script>
<!--[if lt IE 7]>
	<script type="text/javascript" src="js/unitpngfix.js"></script>
	<style type="text/css">
		.clearfix {height:1px;}
	</style>
<![endif]-->
<a class="tip" href="#" title="<b>도움말 :</b><br />어쩌구 어쩌구~~~">도움말.</a><br />
<img src="IMAGE" class="tip" alt="<b>도움말 :</b><br />어쩌구 어쩌구~~~">

약간의 설정은 unitip.js 에서 하시면 됩니다.

var uniTipTag = "a,img"; //Which tag do you want to uniTip-ize? Keep it lowercase. No spaces around commas.//
var uniTipClass = "tip"; //Which classes do you want to uniTip-ize? If you leave this blank, then all the tags designated above will get uniTip-ized. Match case. No spaces around commas.

var uniTipX = 0; // X offset from cursor//
var uniTipY = 15; // Y offset from cursor//

UniTip 풍선 도움말 표시

Attachments

0 comments