테스트 사이트 - 개발 중인 베타 버전입니다
SIR

마우스를 움직이면 화살표가 따라 움직이고, 클릭하면 화살표가 붙어 있는 롤오버 메뉴 스크립트 만들기

Elbis
프로필 보기이 회원 글보기
 · 19년 전 · 1830
깔끔한 롤오버 이미지버튼 메뉴 스크립트 입니다

<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<title> jasko sample script </title>

<!---- [1단계] 아래 코드를 <HEAD> 와 <HEAD> 태그 사이에 붙여 넣으세요 --->

<SCRIPT LANGUAGE="javascript">

var num = 0;

// 메뉴에 사용할 이미지들을 설정 합니다

Image1on = new Image();
Image1on.src = "menu_1_on.gif"; // 마우스를 올렸을때의 이미지
Image1off = new Image();
Image1off.src = "menu_1.gif"; // 평상시의 이미지

Image2on = new Image();
Image2on.src = "menu_2_on.gif";
Image2off = new Image();
Image2off.src = "menu_2.gif";

Image3on = new Image();
Image3on.src = "menu_3_on.gif";
Image3off = new Image();
Image3off.src = "menu_3.gif";

Image4on = new Image();
Image4on.src = "menu_4_on.gif";
Image4off = new Image();
Image4off.src = "menu_4.gif";

Image5on = new Image();
Image5on.src = "menu_5_on.gif";
Image5off = new Image();
Image5off.src = "menu_5.gif";

// 이런식으로 메뉴에 사용할 이미지들을 추가해서 사용합니다

function img_act(imgName) {
imgOn = eval(imgName + "on.src");
document [imgName].src = imgOn;
}
function img_inact(imgName) {
imgOff = eval(imgName + "off.src");
document [imgName].src = imgOff;
}
function inact(imgName) {
img_inact(imgName);
change(0);
}
function change(selected_num) {
if(selected_num != 0) {
num = selected_num;
}
for(i = 1; i <= 5; i++) {
imgName = "Image" + i;

if(num !=i ) {
img_inact(imgName);
} else {
img_act(imgName);
}
}
}

</SCRIPT>

<!------------------------- 여기까지 ------------------------------------>

</HEAD>

<!---- [2단계] 아래 코드를 <BODY> 태그 안에 붙여 넣으세요 --->

<BODY onLoad="change(1)">

<!---- [2단계] 아래의 방법으로 <BODY> 와 <BODY> 태그 사이에 붙여 넣으세요 --->

<A HREF="#" onfocus="this.blur()" onMouseout="inact('Image1')" onMouseover="img_act('Image1')" onClick="change(1)">
<IMG NAME="Image1" BORDER="0" SRC="menu_1.gif"></A><BR>
<A HREF="#" onfocus="this.blur()" onMouseout="inact('Image2')" onMouseover="img_act('Image2')" onClick="change(2)">
<IMG NAME="Image2" BORDER="0" src="menu_2.gif"></A><BR>
<A HREF="#" onfocus="this.blur()" onMouseout="inact('Image3')" onMouseover="img_act('Image3')" onClick="change(3)">
<IMG NAME="Image3" BORDER="0" src="menu_3.gif"></A><BR>
<A HREF="#" onfocus="this.blur()" onMouseout="inact('Image4')" onMouseover="img_act('Image4')" onClick="change(4)">
<IMG NAME="Image4" BORDER="0" src="menu_4.gif"></A><BR>
<A HREF="#" onfocus="this.blur()" onMouseout="inact('Image5')" onMouseover="img_act('Image5')" onClick="change(5)">
<IMG NAME="Image5" BORDER="0" src="menu_5.gif"></A>

<p>마우스를 올리거나 클릭 해 보세요

<!------------------------- 여기까지 ------------------------------------>

</BODY>
</HTML><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
10156
기타 MSN 메신저 대화창 거는 소스 3
24771
[양식] 거래약정서 일반계약
24770
[양식] 거래명세표 경리과
24769
[서식] 회의 할때 '회의록' 쓰시나여?
24768
[서식] 휴가 갈때 쓰는 기업일반 - 휴가원
24767
계약서 [서식] 부동산 매각 위임계약서
24766
계약서 [서식] 부동산 매매계약서
10155
JavaScript 자바스크립트 레퍼런스
10148
Flash 플래시 네비게이션 맨땅에 헤딩하기 -16- 링크복원하였습니다. 6
10143
Flash Flash 8로 구현한 다중 UpLoader !? 4
28668
HTML PHP 한글 메뉴얼[Professional HTML Preprocessor]
10140
Flash 플래시 랜덤하게 보이기 (포털사이트 배너처럼 구현) 2
10139
기타 계산기 자바 소스 코드
10137
MySQL Mysql 자동증가형 필드 초기화하기 1
10135
MySQL 홈페이지 자동 백업 방법 1
10134
Flash 다운로드 에이젼트의 아파치서버 접근제어하기
10133
기타 Redirects 사용하기
10130
기타 외부에서 이미지또는 특정 확장자에 대한 링크방지 설정하기 2
10129
JavaScript 호스트명, 아이피로 아파치접근 허용하기
10128
기타 호스트명, 아이피로 아파치접근 차단하기
10127
기타 아파치 서버정보 숨기기
10126
JavaScript 아파치를 콘솔 프로그램으로 실행하기
10122
JavaScript 지워지지않는 디렉토리지우기 3
10121
기타 qpopper 설치와 업그레이드
10117
기타 pop3, imap 설치 3
10116
기타 포토샵 이미지레디에서 수정한 후 색상이 깨질 때
10114
JavaScript 시스템 모니터링 및 시스템 최적화 정리(종합본) 1
10113
기타 proftpd 이어올리기 설정
10102
JavaScript 초보가 만들어본 ...이걸루 몇시간을 고생했슴... 10
10098
기타 이미지 업로드 + 미리보기 3
28667
HTML register_global=off 일때 파일 업로드 방법
10097
기타 싸이 프로필, 위 아래 이동
10095
JavaScript 무조건 링크건 화일 다운받기 1
10090
PHP 디렉토리내의 모든 원소의 소유권, 그룹, 퍼미션 정보 가져와서 저장하기 4
10088
JavaScript 김영보님의 Ajax 활용 세미나 안내 1
10083
기타 jinoxst님의 AJAX 강의 1장 부터 7-4강까지! 4
24761
계약서 계약서 .. 방계약서입니다 4
28660
HTML 디렉토리 용량 체크 (윈도우 리눅스 공용) 6
28658
HTML password() 의 함수로 암호화한 스크립트를 복호화 할수 없습니다.!! 1
10082
기타 [Dictionary] Web PHP Function Reference
28655
HTML insertRow,insertCell,createElement,innerHTML 2
10071
Flash 개울가 휴식 - 잠시나마 더위 식히시길... 10
10069
Flash ㅝ~~ 플래쉬~ 오른쪽 마우스 버튼 못쓰게?! 1
28651
HTML 디렉토리별 용량체크 (Linux server) 3
10060
Flash 플래시 링크를 자바스크립트로 빼기 8
10053
기타 날씨? 6
10052
JavaScript ajax 영문 tutorial
28649
HTML [영문] Ajax 사이트 한곳 더 소개 합니다~! 1
28644
HTML Ajax의 표기와 발음에 관한 의견! 4
10050
JavaScript [AJAX의 장점?] 사적인 관점에서 봤을때 장점? 1
10046
MySQL 이번 달의 마지막 날 알아 오는 함수 3
24749
검색엔진에 홈페이지 등록시 높은 순위에 등록방법 11
10040
PHP httpd.conf 파일 완벽 가이드(1.3X) 5
10030
MySQL PHP 속도를 향상시키는 방법들 9
24748
이력서 양식
10028
JavaScript Crazyfiles.com의 Main page Source !! 1
10016
Flash 너무나도 유용한 플래쉬 메뉴입니다 11
10010
Flash object의 param태그 속성과 속성값 5
10008
기타 asx가 필요없는 배경음악 랜덤연속재생... 1
10003
기타 웹서버 지원 변수를 확인 4
9999
MySQL php.ini 3
9991
MySQL php로 만든 디비 백업스크립트(쉘용) 7
28638
HTML 움직이는 gif도 썸네일을 만들수 있는 함수 5
9988
기타 gd를 이용한 썸네일 만들기 2
9987
JavaScript netpbm을 이용한 썸네일 만들기
28635
HTML Ajax에서 [즐겨찾기]와 [뒤로가기]를 다루는 방법! 2
9986
PHP Ajax 한글 깨지지 않게 하는 방법을 알아 봅시다~!
9980
MySQL 초짜를 위한 Ajax 입문하기 좋은 소스 5
9975
JavaScript Ajax로 메뉴가 이동(Drag & Drop) 되는 사이트소개! 4
9971
Flash 초짜의 영문Flash 도움말 한글로 바꿔여~~! 3
9968
Flash 초짜의 여러가지 텍스트 Effects 연습 [3] 2
9966
Flash 초짜의 여러가지 텍스트 Effects 연습 [2] 1
9965
Flash 초짜의 여러가지 텍스트 Effects 연습 [1]
9961
기타 배경 이미지 넣기(화면 왼쪽에 작은 이미지 고정으로) 3
28621
기타 CSS 사전입니다.(zip 압축파일) 13
9956
MySQL mysql 루트 권한이 있다면 모든 데이타베이스의 모든 테이블을 한꺼번에 최적화 하는 것 4
28619
HTML 간단한 디렉토리 인덱싱 시스템(규칙에 맞는것만 보여줌) 1
9952
JavaScript 셀렉트에 스타일을 적용하자 3
9940
기타 CSS 사전 입니다. 11
24746
결재란 만들기 1
9939
기타 숨어있는 레이어에 마우스를 대면 외부문서를 슬라이딩 해 불러옵니다
9938
기타 프레임에서 사용하면 공간을 절약할 수 있는 폴더 트리형 메뉴 스크립트
9935
JavaScript 부드럽게 스크롤 되는 트리구조형 메뉴 스크립트 2
9934
기타 스타일 시트를 이용한 롤오버 버튼 메뉴 효과 나타내기
28618
HTML 롤오버 이미지를 사용할 수 있는 심플한 드롭다운 메뉴
9932
JavaScript 부드럽게 슬라이딩되는 MFX 메뉴에 롤오버 효과를 더한 메뉴 스크립트 1
9931
기타 마우스를 움직이면 화살표가 따라 움직이고, 클릭하면 화살표가 붙어 있는 롤오버 메뉴 스크립트 만들기 현재글
9930
기타 하부메뉴가 보였다가 숨겨졌다 하는 토글버튼이 있는 메뉴 스크립트
28617
HTML 위에서 하나씩 떨어지는 메뉴 스크립트
9929
기타 CSS 지원 여부에 따른 리다이렉트 시키기 스크립트
9928
JavaScript 이 브라우저로 몇페이지나 보았나??
28615
HTML 사용자 브라우저에서 자바지원 여부에 따라 리다이렉트 시키기 1
28614
HTML 사용자 브라우저의 자바 버전 알려주기
9927
JavaScript 사용자 웹브라우저의 디폴트 언어에 따라 리다이렉트 시키기
9926
기타 반드시 첫페이지를 거쳐 들어와야 합니다
9925
기타 브라우저의 종류에 따라 다른 새로운 페이지 띄우기
28613
HTML 윈,맥용 사이트를 운영할때 각각 다른 다운로드 사이트로 이동시키기
9924
기타 사용자 브라우저의 플러그인 상태에 따라 다른 페이지로 이동시키기
9923
JavaScript 사용자 브라우저의 펄러그인 목록 출력하기
9922
기타 사용자의 해상도에 따라 각기 다른 페이지로 리다이렉트 시키기
이전 다음
전체 목록