untitled

어서오세요

마우스를 가져가 보세요.

<SCRIPT>
var x,y
var timer
var i_fontsize=0
var step=0
var thisx,thisy
function handlerMM(e){
x = (document.layers) ? e.pageX : event.clientX
y = (document.layers) ? e.pageY : event.clientY
}
function ringup() {
if (document.all) {
thisx = x
thisy = y
ringup2()
}
}
function ringup2() {
if (i_fontsize<=1530) {
document.all.ring.style.fontSize=i_fontsize
document.all.ring.style.color="rgb(255,"+Math.floor(i_fontsize/6)+","+Math.floor(i_fontsize/6)+")"
document.all.ring.style.posLeft=thisx-(Math.floor(i_fontsize/3))
document.all.ring.style.posTop=thisy-(Math.floor(i_fontsize/1.4))
step+=4
i_fontsize+=step
timer=setTimeout("ringup(2)",50)
}
else {
clearTimeout(timer)
i_fontsize=0
step=0
document.all.ring.style.posTop=-10000
}
}
document.onmousemove = handlerMM;
</SCRIPT>

<STYLE>
.ringstyle { POSITION: absolute; TOP: -50px; VISIBILITY: visible }
.explain {POSITION: absolute; TEXT-ALIGN: center; TOP: 80px; WIDTH: 300px} //링크 위치
A { }
A:visited { }
</STYLE>

<DIV class=ringstyle id=ring><font color="#56B0FF">마우스접근시 나올 말</font></DIV>
<DIV class=explain id=redirection>
<A href="#" onmouseover=ringup()>링크걸어놓을글자</A></DIV>

위의 소스를 그대로 사용하면 문서 전체에 자동으로 스크롤바 생깁니다. 스크롤바가 없어도 되는 곳에서는 보기 싫겠죠? 이럴 땐 스크롤바를 없애는 소스를 사용해서 없애보세요.

style="overflow-x:hidden;overflow-y:scroll"

body의 <>안에 넣으면 됩니다.

overflow-x : 가로 스크롤바
overflow-y : 세로 스크롤바
hidden : 감추기
scroll : 보이기