\ud589\ubcf5\ud55c\uace0\ub2c8
\nhttp:\/\/mygony.com
\nhttp:\/\/mygony.com\/tt\/index.php\/142<\/p>\n
\uc774\ubc88\uc5d4 \ud48d\uc120\ub3c4\uc6c0\ub9d0 \uc2a4\ud06c\ub9bd\ud2b8\ub97c \ub9cc\ub4e4\uc5b4\ubd24\uc2b5\ub2c8\ub2e4.
\n\ud48d\uc120\ub3c4\uc6c0\ub9d0\uc774 \ubb54\uc9c0 \ubaa8\ub974\uc2dc\ub294 \ubd84\ub4e4\uc740 \uc5c6\uc744\ud14c\ub2c8, \ub300\ucda9 \uc124\uba85\uc740 \uc0dd\ub7b5\ud558\uace0 \uc6b0\uc120 \uc18c\uc2a4\ubd80\ud130 \uc62c\ub9bd\ub2c8\ub2e4.
\n\u203b \uc0ac\uc6a9\ud558\uc2e4\ub54c\ub294 \ubc18\ub4dc\uc2dc \uc717\ubd80\ubd84\uc758 \uc8fc\uc11d\uae4c\uc9c0 \ud3ec\ud568\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n
\/**
\n* Created by \ud589\ubcf5\ud55c\uace0\ub2c8
\n*
\n* Homepage : http:\/\/mygony.com
\n* Last update : 2005\/04\/10
\n*
\n* 2005-04-10
\n* – \uccab\ubc88\uc9f8 \ub9b4\ub9ac\uc988
\n*\/<\/p>\n
function balloonHint(Id)
\n{
\nballoonHint.layerId = Id;<\/p>\n
document.addEventListener(‘mouseover’, balloonHint.Show, false);
\ndocument.addEventListener(‘mouseout’, balloonHint.Hide, false);
\n}
\nballoonHint.layerId = null;
\nballoonHint.Show = function (evt) {
\nif (typeof evt == “undefined” || typeof evt.target == “undefined”) {
\n(evt=event).target = event.srcElement;
\n}<\/p>\n
var hint = evt.target.getAttribute(“hint”);
\nif (hint == null || hint.length == 0) return;
\nif (balloonHint.layer == null) balloonHint.makeLayer();<\/p>\n
with (balloonHint.layer) {
\ninnerHTML = sourceHTML.replace(“{{hint}}”, hint);
\nshow(evt.clientX, evt.clientY);
\n}
\n}<\/p>\n
balloonHint.Hide = function (evt) {
\nif (typeof evt == “undefined” || typeof evt.target == “undefined”) {
\n(evt=event).target = event.srcElement;
\n}<\/p>\n
var hint = evt.target.getAttribute(“hint”);
\nif (hint == null || hint.length == 0) return;<\/p>\n
balloonHint.layer.hide();
\n}<\/p>\n
balloonHint.makeLayer = function()
\n{
\nif (typeof document.body == “undefined”) {
\ndocument.body = document.getElementsByTagName(“BODY”)[0];
\n}<\/p>\n
balloonHint.layer = document.getElementById(balloonHint.layerId);
\nballoonHint.layer.sourceHTML = balloonHint.layer.innerHTML;
\nballoonHint.layer.style.position = “absolute”;<\/p>\n
if (typeof window.createPopup == “undefined”) {
\nballoonHint.layer.show = function(x, y) {
\nballoonHint.layer.style.display = “block”;
\nballoonHint.layer.style.left = (x+document.body.scrollLeft+1) + “px”;
\nballoonHint.layer.style.top = (y+document.body.scrollTop+1) + “px”;
\n}
\nballoonHint.layer.hide = function() {
\nballoonHint.layer.style.display = “none”;
\n}
\n} else {
\nballoonHint.layer.popup = window.createPopup();
\nballoonHint.layer.show = function(x, y) {
\nwith (balloonHint.layer) {
\nstyle.display = “block”;
\nvar w = offsetWidth, h = offsetHeight;
\nstyle.display = “none”;
\npopup.document.body.innerHTML = innerHTML;
\npopup.show(x, y, w, h, document.body);
\n}
\n}
\nballoonHint.layer.hide = function() {
\nballoonHint.layer.popup.hide();
\n}
\n}
\n}<\/p>\n
if (typeof document.addEventListener == “undefined”) {
\nif (typeof document.attachEvent != “undefined”) {
\ndocument.addEventListener = function (eventType, listener) {
\ndocument.attachEvent(“on”+eventType, listener);
\n}
\ndocument.removeEventListener = function (eventType, listener) {
\ndocument.detachEvent(“on”+eventType, listener);
\n}
\n}
\n}<\/p>\n
\n2. \uc0ac\uc6a9\ubc95 (Usage)
\n\uc6b0\uc120, \ud48d\uc120\ub3c4\uc6c0\ub9d0\uc744 \ub514\uc790\uc778\ud574\uc11c \ucf54\ub4dc\ub97c DIV \ud0dc\uadf8 \uc548\uc5d0 \uc9d1\uc5b4\ub123\uc2b5\ub2c8\ub2e4. \uaf2d display \uc18d\uc131\uc744 none\uc73c\ub85c \ud574\uc8fc\uc154\uc57c \ud569\ub2c8\ub2e4.<\/p>\n