버튼이나 링크위에 마우스를 올리면 간단히 설명이 표시되는 jQuery Plugin 입니다.
사용법
1. 페이지에 js/css파일 불러오기
<link rel="stylesheet" href="style/tipsy.css" type="text/css"><script type="text/javascript" src="javascripts/jquery.tipsy.js"></script>
2. 적용하는 페이지에 스크립트 추가
<script type="text/javascript">//<![CDATA[$(document).ready(function() {$('.s-tipsy').tipsy({fade: true, gravity: 's'});$('.n-tipsy').tipsy({fade: true, gravity: 'n'});$('.e-tipsy').tipsy({fade: true, gravity: 'e'});$('.w-tipsy').tipsy({fade: true, gravity: 'w'});});//]]></script>
3. 선택, 버튼, 링크에 class명을 입력하고 내용을 title에 입력
<a href="attend/index.php" class="n-tipsy" title="출석부">
※ 로그인 하시면 원본파일을 볼 수 있습니다. ※
웹스터디 2012-05-05 04:04:33
0
답글달기
키아다 2012-09-30 22:20:58
0
답글달기
웹스터디 2012-10-02 00:29:02
0
답글달기
repliedme 2012-11-10 21:03:41
0
답글달기