제이쿼리 도움말 툴팁 좀 이쁘게 ... > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

제이쿼리 도움말 툴팁 좀 이쁘게 ... 정보

제이쿼리 도움말 툴팁 좀 이쁘게 ...

첨부파일

tooltip.zip (1.4K) 109회 다운로드 2011-02-28 00:29:39

본문

1. 메인의 head.sub.php <head>와 </head> 사이에 아래를 삽입 하신 후

<link href="<?=$g4[path]?>/tooltip/style-my-tooltips.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="<?=$g4[path]?>/tooltip/jquery.style-my-tooltips.js"></script>
<script type="text/javascript"> 
$().ready(function() { 
 //applies to all elements with title attribute. Change to ".class[title]" to select only elements with specific .class and title
 $("[title]").style_my_tooltips({
  tip_follows_cursor: "on", //on/off
  tip_delay_time: 10 //milliseconds
 }); 
}); 
</script>

2. 메인에 첨부파일을 풀어서 tooltip 디렉토리에 저장하시면 

<a href="경로" title="관리자"> 일 경우 도움말 툴팁이 "관리자"로 뜹니다.

:::::::::::: 기존 툴팁 ::::::::::::::




:::::::::::: 적용 후 익스7에서 본 툴팁 ::::::::::::::






:::::::::::: 적용 후 파폭에서 본 툴팁 ::::::::::::::


 


.... "끝"

추천
2
  • 복사

댓글 6개

ㅋㅋ
해당 플러그인은 제가 보유중입니다 ㅋㅋ

title에 <br>을 넣을경우 제가 보유중인 플러그인에서는 <br>을 인식하고 엔터를 내려줍니다.
© SIRSOFT
현재 페이지 제일 처음으로