메뉴
자바스크립트 메뉴를 제어하는 스크립트 모음입니다.
[81] 콤보박스를 이용한 풀다운메뉴(검색엔진으로 가는) [Preview]
<html>
<head>
<title>perlbbs.com</title>
<SCRIPT LANGAUGE="JavaScript">
<!--
function goto(form) {
var myindex=form.dest.selectedIndex
window.location=(form.dest.options[myindex].value);
}
// -->
</SCRIPT>
</head>
<body>
<CENTER>
<FORM NAME="myform">
<SELECT NAME="dest" size="1">
&l .....
[82] 마우스오버시 부메뉴가 나오고 다른메뉴로 가면 자동으로 부메뉴가 바뀌는 메뉴 [Preview]
<html>
<head>
<title>http://perlbbs.com 초보자를 위한 펄 CGI 프로그램 및 자료실</title>
</head>

<style type="text/css">
<!--
body {font-family: "고딕", "Helvetica", "sans-serif"; font-size: 10px; xline-height:150%; color: #000000}
table {font-family: "고딕", "Helvetica", "sans-serif"; font-size: 10px; xline-height:100%; color: #000000}
.....
[83] 주메뉴 아래로 부메뉴가 펼쳐지면서 나옵니다 [Preview]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>

<body>

<STYLE>BODY {FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: ??}
TABLE {FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: ??}
</STYLE>
<script language="javascript">
<!--
.....
[84] 수평 부메뉴 스타일(마우스가 메뉴위에 있을때만 부메뉴가 나타납니다) [Preview]
좀더 나은 수평 부메뉴 스타일입니다.(절대위치를 사용하기 때문에 위치를 브라우져의
왼쪽에 맞추어 주어야 합니다.)

주메뉴나 부메뉴 위에 마우스가 위치해 있지 않은경우
자동으로 부메뉴가 사라집니다.

[85] 화면크기에 따라 위치가 계속 중앙으로 변하는 수평메뉴와 부메뉴 [Preview]
위에 있는 미리보기를 클릭해보세요,
그리고 화면크기를 조정해보시면 메뉴뫄 부메뉴가 계속 중앙에 위치하게 됩니다.

원리는
부메뉴 레이어를 테이블 안에 넣고 레이어의 위치를 상대값을 이용하도록 프로그램 함으로서 상대적으로 같이 움직임니다.
고정 위치를 사용하는 수평 부메뉴 보다도 훨씬 간단하고 수정하기가 쉽게 만들었습니다.

[86] 부메뉴가 수평으로 나오는 메뉴 [Preview]
원하시는 모양으로 바꾸실때 위치값 변경에 주의하시면 별무리없이 수정해서 사용하실 수 있습니다.
왼쪽으로 고정된 메뉴입니다.

    [1] [2] [3] [4] [5]    
Javascript Source List :