타이핑 되는 툴팁

<script language=javaScript> <!-- Beginning of JavaScript - // 마우스가 올라가면 나타날 창의 가로길이를 지정합니다. var tickerwidth=200 // 마우스가 올라가면 나타날 창의 세로길이를 지정합니다. var tickerheight=110 // 메세지가 나오는 창의 상하좌우의 여뱍입니다. var tickerpadding=5 // 나타나는 창의 border(테두리 값) 입니다. var borderwidth=0 // 글꼴의 종류를 정합니다. var fnt="돋움" // 글꼴의 크기를 정합니다. var fntsize=9 // 현재 실행중인 글자의 크기를 정합니다. var fntsizelastletter=9 // 글자 색을 정합니다. var fntcolor="white" // 마지막 글자의 색을 정합니다. var fntcolorlastletter="#FFD000" // 글자의 굵기를 정합니다 1 에서 9까지 주실수 있습니다. var fntweight=2 // 나타날 창의 배경색을 지정합니다. var backgroundcolor="#0064D0" // 최대 몇글자까지 가능한지를 정합니다. var standstill=2000 // 글자가 나타나는 속도를 정합니다. 숫자가 커질수록 속도는 느려집니다. var speed=40 // 나타날 창이 마우스로부터 x 죄표 만큼 얼마간 떨어져 있을지를 결정합니다. var xdistance=15 // 나타날 창이 마우스로부터 y 죄표 만큼 얼마간 떨어져 있을지를 결정합니다. var ydistance=15 // 이 아래 부분은 건드리지 마세요 !! 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> <DIV ID="tickerbg" style="position:absolute;"></DIV> <DIV ID="ticker" style="position:absolute;"></DIV> <div onMouseOver="showmessage('마우스 오버시 나타날 메시지를 입력하세요.마우스 오버시 나타날 메시지를 입력하세요.마우스 오버시 나타날 메시지를 입력하세요.마우스 오버시 나타날 메시지를 입력하세요.')" onMouseOut="hideticker()">마우스를 올려보세요.</div>