하이퍼링크 텍스트 설명 박스창 띄우기

<script language=javaScript>
<!-- Beginning of JavaScript -

<!-- This Script Modified by Java Depot -->
<!-- Web Site : http://www.javascript.co.kr -->

var tickerwidth=120
var tickerheight=100
var tickerpadding=5
var borderwidth=2
var fnt="Verdana"
var fntsize=8
var fntsizelastletter=8
var fntcolor="008800"
var fntcolorlastletter="00AA00"
var fntweight=3
var backgroundcolor="CCFFCC"
var standstill=2000
var speed=40
var xdistance=50
var ydistance=20
var timer
var topposition=0
var leftposition=0
var x,y
var i_substring=0
var i_presubstring=0
var i_message=0
var message
var messagecontent=""
var messagebackground=""
var messagepresubstring=""
var messageaftersubstring=""
fntweight=fntweight*100

function getmessagebackground() {
                messagebackground="<table border="+borderwidth+" width="+tickerwidth+" height="+tickerheight+" cellspacing=0 cellpadding=0><tr><td valign=top bgcolor='"+backgroundcolor+"'>"
                messagebackground+=" </td></tr></table>"
}

function getmessagecontent() {        
                messagecontent="<table border=0 cellspacing=0 cellpadding="+tickerpadding+" width="+tickerwidth+" height="+tickerheight+"><tr><td valign=top>"
                messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsize+"pt;font-weight:"+fntweight+"'>"        
                messagecontent+="<font color='"+fntcolor+"'>"
                messagecontent+=messagepresubstring
                messagecontent+="</font>"
                messagecontent+="</span>"
                messagecontent+="<span style='position:relative; font-family:"+fnt+";color:"+fntcolor+";font-size:"+fntsizelastletter+"pt;font-weight:900'>"        
                messagecontent+="<font color='"+fntcolorlastletter+"'>"
                messagecontent+=messageaftersubstring
                messagecontent+="</font>"
                messagecontent+="</span>"
                messagecontent+="</td></tr></table>"
}

function showticker() {
        if (i_substring<=message.length-1) {
                        i_substring++
                        i_presubstring=i_substring-1
                        if (i_presubstring<0) {i_presubstring=0}
            messagepresubstring=message.substring(0,i_presubstring)
                messageaftersubstring=message.substring(i_presubstring,i_substring)
                        getmessagecontent()
                if (document.all) {
                        ticker.innerHTML=messagecontent
                        timer=setTimeout("showticker()", speed)
                }
                if (document.layers) {
                        document.ticker.document.write(messagecontent)
                        document.ticker.document.close()
                        timer=setTimeout("showticker()", speed)
                }
        }
        else {
                clearTimeout(timer)
        }
}

function hideticker() {
    clearTimeout(timer)
    i_substring=0
        i_presubstring=0
    if (document.all) {
            document.all.ticker.style.visibility="hidden"
        document.all.tickerbg.style.visibility="hidden"
        }
        if (document.layers) {
                document.ticker.visibility="hidden"
        document.tickerbg.visibility="hidden"
        }
}

function showmessage(linkmessage) {
    getmessagebackground()
    message=linkmessage
  
        i_substring=0
        i_presubstring=0
    leftposition=x+xdistance
    topposition=y+ydistance
        if (document.all) {        
                document.all.ticker.style.posLeft=leftposition
                document.all.ticker.style.posTop=topposition
                document.all.tickerbg.style.posLeft=leftposition
                document.all.tickerbg.style.posTop=topposition
                tickerbg.innerHTML=messagebackground
        document.all.ticker.style.visibility="visible"
        document.all.tickerbg.style.visibility="visible"
                showticker()
        }
        if (document.layers) {
        document.ticker.left=leftposition
                document.ticker.top=topposition
                document.tickerbg.left=leftposition
                document.tickerbg.top=topposition
                document.tickerbg.document.write(messagebackground)
                document.tickerbg.document.close()
        document.ticker.visibility="visible"
        document.tickerbg.visibility="visible"
                showticker()
        }
}

function handlerMM(e){
        x = (document.layers) ? e.pageX : document.body.scrollLeft+event.clientX
        y = (document.layers) ? e.pageY : document.body.scrollTop+event.clientY
}

if (document.layers){
        document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

// - End of JavaScript - -->
</script>

</head>
<body bgcolor=#FFFFFF>

<DIV ID="tickerbg" style="position:absolute;"></DIV>
<DIV ID="ticker" style="position:absolute;"></DIV>

<br>
<ul>
<p align=center>
<a href="http://www.javascript.co.kr" onMouseOver="showmessage('무료 자바스크립트를 다운로드 받으세요')" onMouseOut="hideticker()" target="_blank"><font color=red>Java Depot</font></a> |

<a href="http://www.javascript.co.kr" onMouseOver="showmessage('자바스크립트, 애플릿, CGI 스크립트 창고')" onMouseOut="hideticker()" target="_blank"><font color=red>Free Scripts</font></a> |

<a href="http://www.javascript.co.kr" onMouseOver="showmessage('아직도 여길 모르세요? 혹시 간첩이세요?')" onMouseOut="hideticker()" target="_blank"><font color=red>쉬운자바 베껴쓰는 자바</font></a></b><br><br>
</p>

<p><center>
<font face="굴림, 굴림체" size="2">쉬운 자바 베껴쓰는 자바<br>
by <a href="http://www.javascript.co.kr">Java Depot</a></font>
</center><p>