타이핑 되는 툴팁

인터넷관련 2008. 2. 12. 11:14
<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>

'인터넷관련' 카테고리의 다른 글

아라비아 숫자를 한글로...  (0) 2008.02.12
체크된 라디오 값 가져오기  (0) 2008.02.12
첫번째 체크박스에서 두번째 체크박스를 제어하는 스크립트  (0) 2008.02.12
유니코드, 아스키코드  (0) 2008.02.12
웹 개발자들이 알아야 할 윈도우 XP SP2 변경점(팝업,액티브X)  (0) 2008.02.12
입력 상자 증가 폼  (0) 2008.02.12
인풋 태그에 글쓰기  (0) 2008.02.12
막대 그래프 동적으로 보여주기  (0) 2008.02.12
Posted by 알 수 없는 사용자
,

티스토리툴바