스크롤바를 따라 다니는 슬라이드 메뉴

paran/[ Script ]

스크롤바를 따라 다니는 슬라이드 메뉴

webdress 2004. 11. 16. 09:24

이 스크립트는 브라우저 좌측에 슬라이드 메뉴를 제공하는 것으로 스크롤바를 밑으로 내려도 항상 메뉴는 따라다니게 한 스크립트이다.

브라우저 : 인터넷 익스플로러 5 이상에서 테스트
라이센스: freeware
사용언어: Javascript

<HTML><HEAD><p><center><font color="navy"><b>▶ </b></font><a href="http://korea.internet.com/channel/list.asp?cid=189&zid=12"><font color="navy"><b>코리아인터넷닷컴 자바스크립트 소스/예제 모음</b></font></a></center><p><script language="JavaScript1.2">function move(x) {if (document.all) {object1.style.pixelLeft += x;object1.style.visibility = "visible"}else if (document.layers) {document.object1.left += x;document.object1.visibility = "show"}};function makeStatic() {if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}else {eval(document.object1.top=eval(window.pageYOffset+20));}setTimeout("makeStatic()",0);}</script><style></style><body><LAYER visibility="hide" top="20" name="object1" bgcolor="black" left="0" onmouseover="move(132)" onmouseout="move(-132)"><script language="JavaScript1.2">function positionmenu(){move(-132)}if (document.all) {document.write('<DIV ID="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')}</script><table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#000000"><tr><td bgcolor="#0099FF"> <font size="4" face="Arial"><b>Menu</b></font></td><script language="JavaScript1.2">document.write('<td align="center" rowspan="100" width="16" bgcolor="#FF6666"><span style="font-size:13px"><p align="center"><font face="Arial Black">S<br>I<br>D<br>E<br>M<br>E<br>N<BR>U</font></p></span></TD>')</script></tr><script language="JavaScript1.2"></script><tr><td bgcolor="#0099FF"><font size="1" face="Arial"> </font></td></TR></table><script language="JavaScript1.2">if (document.all) {document.write('</DIV>')}window.onload=positionmenu</script></LAYER><center><pre>스크롤 다운 시켜보세요!!--------------------------------------------=================---------------------------------===============================---------------- -----------------===============================---------------------------------===============================---------------- -----------------===============================---------------- -----------------===============================---------------- -----------------===============================---------------- -----------------===============================---------------- -----------------===============================---------------- -----------------===============================---------------- -----------------===============================----------------놀랍지 않나요?</pre><p align="center"><a href="/channel/content.asp?kid=13&nid=14789#test"><img src="/images/w_list3.gif" border="0"></a></p></BODY></HTML>