문서나 이미지에 링크를 걸고 alt="간단한 설명" 를 지정하면 마우스가 올라가면 "간단한 설명"이 나오죠?
설명이 나오는 툴을 풍선툴이라고들 하는데...풍선툴의 모양을 수정할수 있나요?
예전에 제로보드 홈에 그런 툴이 있던거 같던데...
풍선툴의 크기와 바탕색을 지정하는 소스는 구했는데 모양을 수정하는 방법이 없더라구요...
제가 구한 풍선툴의 소스인데 어떻게 수정해야 하는지 좀 알려주세요
아래그림은 제가 원하는 풍선퉁의 모양입니다. 그리고 빨간부분의 소스를 수정하라고 하던데...쩝...일자무식이라서..



<script language="JavaScript">
<!--
var width = "120"; // 풍선툴의 가로길이 임다..
var border = "1"; // 풍선툴의 보더 굵기
var offsetx = 5; // 숫자를 바꿔보세여.. 1하구 100하구.. 그럼 감 잡씀다..
var offsety = 2;

var fcolor = "#FFFFFF"; // 풍선툴의 배경색
var backcolor = "navy"; // 풍선툴의 보더색
var textcolor = "#000000"; // 글씨색
var capcolor = "#FFFFFF";
// -->
</script>

<script language="JavaScript">
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false

// Microsoft Stupidity Check.
if (ie4) {
if (navigator.userAgent.indexOf('MSIE 5')>0) {
ie5 = true;
} else {
ie5 = false; }
} else {
ie5 = false;
}

var x = 0;
var y = 0;
var snow = 0;
var sw = 0;
var cnt = 0;
var dir = 1;
if ( (ns4) || (ie4) ) {
if (ns4) over = document.overDiv
if (ie4) over = overDiv.style
document.onmousemove = mouseMove
if (ns4) document.captureEvents(Event.MOUSEMOVE)
}

// Public functions to be used on pages.

// Caption popup right
function drc(text, title, osy) {
dtc(1, text, title, osy);
}

// Caption popup left
function dlc(text, title, osy) {
dtc(0, text, title, osy);
}

// Caption popup center
function dcc(text, title, osy) {
dtc(2, text, title, osy);
}

// Clears popups if appropriate
function nd() {
if ( cnt >= 1 ) { sw = 0 };
if ( (ns4) || (ie4) ) {
if ( sw == 0 ) {
snow = 0;
hideObject(over);
} else {
cnt++;
}
}
}

// Non public functions. These are called by other functions etc.

// Caption popup
function dtc(d, text, title, osy) {
txt = "<table width="+width+" cellpadding="+border+" cellspacing=0 bgcolor=""+backcolor+""><tr><td><table width=100% border=0 cellpadding=5 cellspacing=0 bgcolor=""+fcolor+"" style='background-image:url(kissofgod.gif); background-repeat:no-repeat; background-attachment:fixed; background-position:right bottom;'><tr><td><span id="PST">"+text+"<span></td></tr></table></td></tr></table>"
layerWrite(txt);
dir = d;
offsety = osy;
disp();
}

// Common calls
function disp() {
if ( (ns4) || (ie4) ) {
if (snow == 0) {
if (dir == 2) { // Center
moveTo(over,x+offsetx-(width/2),y+offsety);
}
if (dir == 1) { // Right
moveTo(over,x+offsetx,y+offsety);
}
if (dir == 0) { // Left
moveTo(over,x-offsetx-width,y+offsety);
}
showObject(over);
snow = 1;
}
}
// Here you can make the text goto the statusbar.
}

// Moves the layer
function mouseMove(e) {
if (ns4) {x=e.pageX; y=e.pageY;}
if (ie4) {x=event.x; y=event.y;}
if (ie5) {x=event.x+document.body.scrollLeft; y=event.y+document.body.scrollTop;}
if (snow) {
if (dir == 2) { // Center
moveTo(over,x+offsetx-(width/2),y+offsety);
}
if (dir == 1) { // Right
moveTo(over,x+offsetx,y+offsety);
}
if (dir == 0) { // Left
moveTo(over,x-offsetx-width,y+offsety);
}
}
}

// The Close onMouseOver function for Sticky
function cClick() {
hideObject(over);
sw=0;
}

// Writes to a layer
function layerWrite(txt) {
if (ns4) {
var lyr = document.overDiv.document
lyr.write(txt)
lyr.close()
}
else if (ie4) document.all["overDiv"].innerHTML = txt
}

// Make an object visible
function showObject(obj) {
if (ns4) obj.visibility = "show"
else if (ie4) obj.visibility = "visible"
}

// Hides an object
function hideObject(obj) {
if (ns4) obj.visibility = "hide"
else if (ie4) obj.visibility = "hidden"
}

// Move a layer
function moveTo(obj,xL,yL) {
obj.left = xL
obj.top = yL
}
</script>