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

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에서 본 툴팁 ::::::::::::::






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


 


.... "끝"

첨부파일

tooltip.zip (1.4 KB) 109회 2011-02-28 00:29
|

댓글 6개

참고로 툴팁 내에서 html안먹는 플러그인? 입니다.
그래서 못쓰고 있다죠^^
참고로 툴팁 내에서 html안먹는 플러그인 ...
구체적으로 설명 촘 부탁드립니다...
ㅋㅋ
해당 플러그인은 제가 보유중입니다 ㅋㅋ

title에 <br>을 넣을경우 제가 보유중인 플러그인에서는 <br>을 인식하고 엔터를 내려줍니다.
댓글을 작성하시려면 로그인이 필요합니다. 로그인

그누4 팁자료실

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

+
제목 글쓴이 날짜 조회
14년 전 조회 4,082
14년 전 조회 4,113
14년 전 조회 5,286
14년 전 조회 9,023
14년 전 조회 7,658
14년 전 조회 1.1만
14년 전 조회 6,877
14년 전 조회 4,799
14년 전 조회 5,357
14년 전 조회 5,471
14년 전 조회 4,423
14년 전 조회 6,586
14년 전 조회 4,522
14년 전 조회 5,392
14년 전 조회 5,149
14년 전 조회 3,970
14년 전 조회 4,117
14년 전 조회 4,526
14년 전 조회 7,799
14년 전 조회 3,987
🐛 버그신고