홈피에 거미줄 달자 ^^ > 그누3 팁자료실

홈피에 거미줄 달자 ^^ 정보

javascript 홈피에 거미줄 달자 ^^

카이루 홈페이지 자기소개 아이디로 검색 회원게시물 (61.♡.♡.127)
2004.10.24 08:21:31
2,242

첨부파일

11.html (6.3K) 214회 다운로드 2004-10-24 08:21:31

본문

<HTML>
<HEAD>
<META http-equiv="content-type" content="text/html; charset=euc-kr">
<TITLE> 이신디 그누소스 </TITLE>
</HEAD>

<BODY style="overflow-x:hidden">



<STYLE>
v\:* {
BEHAVIOR: url(#default#VML)
}
</STYLE>

<SCRIPT>

// 거미줄의 기본 색상
var defaultcolor="yellow"

// 하이라이트 되었을때의 거미줄 가로넓이
var lineweighthighlight=20

//거미줄의 기본 넓이
var lineweightnormal=1

var distancetomouse=0

var mousepos_x=0
var mousepos_x=0

var marginleft=0
var margintop=0
var marginbottom=0
var marginright=0

var margincenterx
var margincentery

var mousepos_x=0
var mousepos_x=0

if (document.all&&window.print){
document.write('<div id="bodycontent" style="position:relative">')
}

function initiateanimation(){

marginbottom=document.body.clientHeight
marginright=document.body.clientWidth
margincenterx=Math.floor(marginright/2)
margincentery=Math.floor(marginbottom/2)

rectangulartopleft.to=marginleft+","+margintop
rectangulartopright.to=marginright+","+margintop
rectangularbottomleft.to=marginleft+","+marginbottom
rectangularbottomright.to=marginright+","+marginbottom

rectangulartop.to=margincenterx+","+margintop
rectangularright.to=marginright+","+margincentery
rectangularbottom.to=margincenterx+","+marginbottom
rectangularleft.to=marginleft+","+margincentery

rectangulartopleft.strokecolor=defaultcolor
rectangulartopright.strokecolor=defaultcolor
rectangularbottomleft.strokecolor=defaultcolor
rectangularbottomright.strokecolor=defaultcolor

rectangulartop.strokecolor=defaultcolor
rectangularright.strokecolor=defaultcolor
rectangularbottom.strokecolor=defaultcolor
rectangularleft.strokecolor=defaultcolor
}

function msover(thiscolorhighlight){
if(document.all&&window.print){
rectangulartopleft.strokecolor=thiscolorhighlight
rectangulartopright.strokecolor=thiscolorhighlight
rectangularbottomleft.strokecolor=thiscolorhighlight
rectangularbottomright.strokecolor=thiscolorhighlight

rectangulartop.strokecolor=thiscolorhighlight
rectangularright.strokecolor=thiscolorhighlight
rectangularbottom.strokecolor=thiscolorhighlight
rectangularleft.strokecolor=thiscolorhighlight

rectangulartopleft.strokeweight=lineweighthighlight
rectangulartopright.strokeweight=lineweighthighlight
rectangularbottomleft.strokeweight=lineweighthighlight
rectangularbottomright.strokeweight=lineweighthighlight

rectangulartop.strokeweight=lineweighthighlight
rectangularright.strokeweight=lineweighthighlight
rectangularbottom.strokeweight=lineweighthighlight
rectangularleft.strokeweight=lineweighthighlight
}
}

function msout(){
if(document.all&&window.print){
rectangulartopleft.strokecolor=defaultcolor
rectangulartopright.strokecolor=defaultcolor
rectangularbottomleft.strokecolor=defaultcolor
rectangularbottomright.strokecolor=defaultcolor

rectangulartop.strokecolor=defaultcolor
rectangularright.strokecolor=defaultcolor
rectangularbottom.strokecolor=defaultcolor
rectangularleft.strokecolor=defaultcolor

rectangulartopleft.strokeweight=lineweightnormal
rectangulartopright.strokeweight=lineweightnormal
rectangularbottomleft.strokeweight=lineweightnormal
rectangularbottomright.strokeweight=lineweightnormal

rectangulartop.strokeweight=lineweightnormal
rectangularright.strokeweight=lineweightnormal
rectangularbottom.strokeweight=lineweightnormal
rectangularleft.strokeweight=lineweightnormal
}
}

function momouse(){
if(document.all&&window.print){
mousepos_x=document.body.scrollLeft+event.clientX
mousepos_y=document.body.scrollTop+event.clientY

rectangulartopleft.from=mousepos_x+","+mousepos_y
rectangulartopright.from=mousepos_x+","+mousepos_y
rectangularbottomleft.from=mousepos_x+","+mousepos_y
rectangularbottomright.from=mousepos_x+","+mousepos_y

rectangulartop.from=mousepos_x+","+mousepos_y
rectangularright.from=mousepos_x+","+mousepos_y
rectangularbottom.from=mousepos_x+","+mousepos_y
rectangularleft.from=mousepos_x+","+mousepos_y
}
}

if(document.all&&window.print){
code="<v:line id=rectangulartopleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangulartopright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularbottomleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularbottomright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"

code+="<v:line id=rectangulartop style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularbottom style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
code+="<v:line id=rectangularleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"

document.body.insertAdjacentHTML("afterBegin",code)
document.onmousemove=momouse
window.onload=initiateanimation
}
</SCRIPT>





<p align=center>
<a href="http://www.sir.co.kr" onMouseOver="msover('#FFCC00')" onMouseOut="msout()">그누보드</a> |
<a href="http://www.esindi" onMouseOver="msover('##FF00FF')" onMouseOut="msout()">이신디</a> |
<a href="http://www.sir.co.kr" onMouseOver="msover('##99FF00')" onMouseOut="msout()">구누보드</a>





</BODY>
</HTML>