책에 나온거 응용해 보았습니다.
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script src="scripts/jquery.js"></script>
<style>
.tooltip {
position: absolute;
z-index: 2;
background: #efd;
border: 1px solid #ccc;
padding: 3px;
}
</style>
</HEAD>
<BODY>
<span id='mover' tip='툴팁입니다.'>마우스오버</span>
<script>
$(document).ready(function() {
var highlighted = "";
var column = 3;
var positionTooltip = function(event) {
var tPosX = event.pageX;
var tPosY = event.pageY+20;
$('div.tooltip').css({top: tPosY, left: tPosX});
};
var showTooltip = function(event) {
$('div.tooltip').remove();
$('<div class="tooltip">' + $(this).attr('tip') + '</div>').appendTo('body');
positionTooltip(event);
};
var hideTooltip = function() {
$('div.tooltip').remove();
};
$('#mover')
.hover(showTooltip, hideTooltip)
.mousemove(positionTooltip);
});
</script>
</BODY>
</HTML>
댓글 3개
<?=help("목록 한페이지당 라인수")?>
/adm/admin.lib.php에서...
function help($help="", $left=0, $top=0)
{
global $g4;
static $idx = 0;
$idx++;
$help = preg_replace("/\n/", "<br>", $help);
$str = "<img src='$g4[admin_path]/img/icon_help.gif' border=0 width=15 height=15 align=absmiddle onclick=\"help('help$idx', $left, $top);\" style='cursor:hand;'>";
//$str .= "<div id='help$idx' style='position:absolute; top:0px; left:0px; display:none;'>";
$str .= "<div id='help$idx' style='position:absolute; display:none;'>";
$str .= "<div id='csshelp1'><div id='csshelp2'><div id='csshelp3'>$help</div></div></div>";
$str .= "</div>";
return $str;
}
style 부분은 style.css에 넣겠지만,
$('#mover') 같은 부분을 범용화 하는거는 간단하지만 꽤 어렵네요. ㅠ..ㅠ...
시간될 때 플러그인을 한번 봐야겠어요. 코딩 스탈이 어떻게 된 것인지
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 6930 |
SOFTA
|
11년 전 | 5984 | |
| 6929 |
 LaRuota |
11년 전 | 1598 | |
| 6928 | 11년 전 | 1760 | ||
| 6927 | 11년 전 | 1785 | ||
| 6926 | 11년 전 | 1886 | ||
| 6925 | 11년 전 | 2279 | ||
| 6924 | 11년 전 | 3875 | ||
| 6923 | 11년 전 | 2273 | ||
| 6922 |
level999
|
11년 전 | 1043 | |
| 6921 | 11년 전 | 822 | ||
| 6920 | 11년 전 | 961 | ||
| 6919 | 11년 전 | 1072 | ||
| 6918 | 11년 전 | 1313 | ||
| 6917 | 11년 전 | 15428 | ||
| 6916 | 11년 전 | 1426 | ||
| 6915 | 11년 전 | 588 | ||
| 6914 | 11년 전 | 618 | ||
| 6913 | 11년 전 | 881 | ||
| 6912 | 11년 전 | 3126 | ||
| 6911 |
사랑해요79
|
11년 전 | 970 | |
| 6910 | 11년 전 | 748 | ||
| 6909 | 11년 전 | 784 | ||
| 6908 | 11년 전 | 646 | ||
| 6907 | 11년 전 | 832 | ||
| 6906 | 11년 전 | 1588 | ||
| 6905 | 11년 전 | 572 | ||
| 6904 | 11년 전 | 1012 | ||
| 6903 | 11년 전 | 1681 | ||
| 6902 |
2donggalbi
|
11년 전 | 518 | |
| 6901 | 11년 전 | 1398 | ||
| 6900 | 11년 전 | 724 | ||
| 6899 | 11년 전 | 864 | ||
| 6898 |
열라뽕똬이
|
11년 전 | 1318 | |
| 6897 |
this1mg
|
11년 전 | 1618 | |
| 6896 |
sbdossb
|
11년 전 | 585 | |
| 6895 |
봉보로봉봉
|
11년 전 | 1158 | |
| 6894 |
똘똘이스머츠
|
11년 전 | 498 | |
| 6893 |
네이비컬러
|
11년 전 | 3642 | |
| 6892 | 11년 전 | 1078 | ||
| 6891 |
네이비컬러
|
11년 전 | 1323 | |
| 6890 | 11년 전 | 1147 | ||
| 6889 | 11년 전 | 592 | ||
| 6888 | 11년 전 | 729 | ||
| 6887 | 11년 전 | 621 | ||
| 6886 | 11년 전 | 5062 | ||
| 6885 | 11년 전 | 558 | ||
| 6884 |
asfasdfd235
|
11년 전 | 589 | |
| 6883 | 11년 전 | 3048 | ||
| 6882 | 11년 전 | 950 | ||
| 6881 | 11년 전 | 4436 | ||
| 6880 | 11년 전 | 1820 | ||
| 6879 |
퍼블리셔지노군
|
11년 전 | 2635 | |
| 6878 | 11년 전 | 566 | ||
| 6877 | 11년 전 | 586 | ||
| 6876 | 11년 전 | 1449 | ||
| 6875 | 11년 전 | 632 | ||
| 6874 | 11년 전 | 1603 | ||
| 6873 | 11년 전 | 1606 | ||
| 6872 | 11년 전 | 4463 | ||
| 6871 |
Abilityarch
|
11년 전 | 970 | |
| 6870 | 11년 전 | 2131 | ||
| 6869 | 11년 전 | 1411 | ||
| 6868 | 11년 전 | 1455 | ||
| 6867 | 11년 전 | 1527 | ||
| 6866 | 11년 전 | 745 | ||
| 6865 | 11년 전 | 1619 | ||
| 6864 | 11년 전 | 477 | ||
| 6863 | 11년 전 | 3751 | ||
| 6862 | 11년 전 | 1851 | ||
| 6861 | 11년 전 | 1648 | ||
| 6860 | 11년 전 | 1312 | ||
| 6859 |
cityman
|
11년 전 | 6818 | |
| 6858 | 11년 전 | 1273 | ||
| 6857 |
의정부아줌마
|
11년 전 | 874 | |
| 6856 | 11년 전 | 2376 | ||
| 6855 | 11년 전 | 1703 | ||
| 6854 | 11년 전 | 831 | ||
| 6853 | 11년 전 | 1210 | ||
| 6852 | 11년 전 | 2600 | ||
| 6851 | 11년 전 | 1979 | ||
| 6850 | 11년 전 | 1800 | ||
| 6849 | 11년 전 | 2090 | ||
| 6848 | 11년 전 | 2368 | ||
| 6847 | 11년 전 | 3147 | ||
| 6846 | 11년 전 | 2724 | ||
| 6845 | 11년 전 | 2803 | ||
| 6844 | 11년 전 | 3526 | ||
| 6843 | 11년 전 | 3273 | ||
| 6842 |
아트291
|
11년 전 | 698 | |
| 6841 | 11년 전 | 4173 | ||
| 6840 | 11년 전 | 5191 | ||
| 6839 | 11년 전 | 900 | ||
| 6838 |
 iwebstory |
11년 전 | 2098 | |
| 6837 | 11년 전 | 1286 | ||
| 6836 |
netdf
|
11년 전 | 620 | |
| 6835 |
 Terrorboy |
11년 전 | 1014 | |
| 6834 | 11년 전 | 680 | ||
| 6833 |
LaRuota |
11년 전 | 2691 | |
| 6832 |
울산굿모닝
|
11년 전 | 1666 | |
| 6831 |
Terrorboy |
11년 전 | 676 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기