인터넷정보

타이핑 되는 툴팁

알 수 없는 사용자 2007. 10. 18. 14:17
<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>
반응형

'인터넷정보' 카테고리의 다른 글

Windows 원하는 시간에 자동 종료하기 - 타이머  (0) 2007.10.18
Windows 원하는 시간에 자동 종료하기 - 타이머  (0) 2007.10.18
웹 개발자들이 알아야 할 윈도우 XP SP2 변경점(팝업,액티브X)  (0) 2007.10.18
웹 개발자들이 알아야 할 윈도우 XP SP2 변경점(팝업,액티브X)  (0) 2007.10.18
타이핑 되는 툴팁  (0) 2007.10.18
유니코드, 아스키코드  (0) 2007.10.18
유니코드, 아스키코드  (0) 2007.10.18
첫번째 체크박스에서 두번째 체크박스를 제어하는 스크립트  (0) 2007.10.18
첫번째 체크박스에서 두번째 체크박스를 제어하는 스크립트  (0) 2007.10.18
체크된 라디오 값 가져오기  (0) 2007.10.18

'인터넷정보'의 다른글

  • 현재글타이핑 되는 툴팁

관련글

댓글

티스토리툴바