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><!--.hl { Background-Color : yellow; Cursor:n-resize; }.n { Cursor:n-resize; }--></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"><!--if (document.all||document.layers) {makeStatic();}var text=new Array();var thelink=new Array();//원하는 링크로 수정!text[0]="소스/예제 모음";text[1]="자바스크립트 기초";text[2]="HTML 기초 다지기";text[3]="CSS 기초다지기";text[4]="XML 기초다지기";text[5]="SQL 초급";text[6]="자바스크립트 팁";text[7]="HTML 팁";thelink[0]="http://korea.internet.com/channel/list.asp?cid=189&zid=12";thelink[1]="http://korea.internet.com/channel/content.asp?kid=15&nid=12545";thelink[2]="http://korea.internet.com/channel/content.asp?kid=14&nid=13909";thelink[3]="http://korea.internet.com/channel/content.asp?kid=14&nid=14224";thelink[4]="http://korea.internet.com/channel/content.asp?kid=14&nid=13643";thelink[5]="http://korea.internet.com/channel/content.asp?kid=14&nid=10544";thelink[6]="http://korea.internet.com/channel/list.asp?cid=189&zid=8";thelink[7]="http://korea.internet.com/channel/list.asp?cid=187&zid=8";//위 링크에 대한 타겟 설정//유효한 값: '', 'new', 또는 'framename' (여기서 'framename'은 타겟으로 지정할 프레임의 이름이다)var linktarget=''///아래 내용은 수정하지 말 것////////////////function navigateie(which){if (linktarget=='')window.location=thelink[which]else if (linktarget=='new')window.open(thelink[which])else{temp_var=eval("window.parent."+linktarget)temp_var.location=thelink[which]}}for (i=0;i<=text.length-1;i++)if (document.all) {document.write('<TR><TD height=20 bgcolor=white onclick="navigateie('+i+')" onmouseover="className=\'hl\'" onmouseout="className=\'n\'"><FONT SIZE=2 FACE=ARIAL> '+text[i]+'</FONT></TD></TR>')}else {document.write('<TR><TD bgcolor="white"><ILAYER><LAYER HEIGHT="18" onmouseover="this.bgColor=\'yellow\'" onmouseout="this.bgColor=\'white\'" width=131><FONT SIZE=2 FACE=ARIAL> <A HREF="'+thelink[i]+'" target="'+linktarget+'" id="nounderline">'+text[i]+'</A></FONT></LAYER></ILAYER></TD></TR>')}//--></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> 공유하기 게시글 관리 UX : 노트필기 'paran/[ Script ]' Related Articles 돋보기로 이미지 확대해서 보기 트리 구조의 메뉴를 구현한 스크립트 텍스트 및 이미지의 불법 유출을 막는 방법 새 창을 띄우는 새로운 방법