리자

간단한 풍선도움말

책에 나온거 응용해 보았습니다.


<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>

[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]

댓글 3개

현재 /adm/에서 사용하는 help

<?=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') 같은 부분을 범용화 하는거는 간단하지만 꽤 어렵네요. ㅠ..ㅠ...

시간될 때 플러그인을 한번 봐야겠어요. 코딩 스탈이 어떻게 된 것인지
좋은소스 감사드립니다.^^
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
08-11-26 조회 4,602
08-11-25 조회 3,726
08-11-25 조회 2,913
08-11-25 조회 4,480
08-11-25 조회 4,363
08-11-21 조회 4,353
08-11-21 조회 5,276
08-11-20 조회 3,903
08-11-20 조회 3,714
08-11-19 조회 3,988
08-11-19 조회 4,237
08-11-18 조회 4,011
08-11-15 조회 2,886
08-11-14 조회 3,187
08-11-14 조회 2,853
08-11-14 조회 3,246
08-11-13 조회 3,872
08-11-12 조회 1만
08-11-07 조회 4,550
08-11-07 조회 5,555
08-11-03 조회 3,312
08-11-01 조회 5,019
08-11-01 조회 2,976
08-10-30 조회 2,684
08-10-30 조회 3,609
08-10-30 조회 2,725
08-10-30 조회 2,961
08-10-30 조회 2,822
08-10-29 조회 3,906
08-10-29 조회 2,882
08-10-29 조회 2,412
08-10-20 조회 2,551
08-10-18 조회 4,495
08-10-16 조회 3,542
08-10-16 조회 3,343
08-10-14 조회 2,555
08-10-11 조회 3,852
08-10-11 조회 2,452
08-10-09 조회 2,555
08-10-09 조회 2,718
08-10-09 조회 4,184
08-10-08 조회 3,876
08-10-02 조회 3,815
08-10-02 조회 2,559
08-10-02 조회 2,686
08-09-29 조회 4,636
08-09-29 조회 4,262
08-09-26 조회 5,586
08-09-26 조회 3,556
08-09-26 조회 3,628
08-09-26 조회 2,771
08-09-26 조회 3,808
08-09-26 조회 3,544
08-09-26 조회 4,319
08-09-22 조회 3,878
08-09-22 조회 3,062
08-09-22 조회 4,005
08-09-22 조회 2,969
08-09-22 조회 2,616
08-09-21 조회 3,616
08-09-20 조회 4,194
08-09-20 조회 5,459
08-09-20 조회 4,542
08-09-20 조회 2,868
08-09-20 조회 3,273
08-09-20 조회 3,631
08-09-20 조회 3,003
08-09-20 조회 3,200
08-09-20 조회 4,189
08-09-20 조회 3,687
08-09-20 조회 3,274
08-09-19 조회 5,671
08-09-19 조회 4,454
08-09-19 조회 2,765
08-09-18 조회 5,115
08-09-18 조회 4,182
08-09-18 조회 3,537
08-09-18 조회 2,750
08-09-18 조회 3,657
08-09-18 조회 3,448
08-09-17 조회 3,310
08-09-16 조회 3,266
08-09-10 조회 2,484
08-09-09 조회 3,286
08-09-06 조회 4,197
08-09-06 조회 2,750
08-09-06 조회 3,106
08-09-06 조회 2,778
08-09-06 조회 3,014
08-09-06 조회 2,888
08-09-06 조회 2,853
08-09-05 조회 3,875
08-09-05 조회 3,697
08-09-05 조회 3,514
08-09-05 조회 2,738
08-09-05 조회 3,773
08-09-05 조회 5,728
08-09-05 조회 4,190
08-09-05 조회 3,080
08-09-05 조회 3,225