깔끔한 롤오버 이미지버튼 메뉴 스크립트 입니다
<!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>
<!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>
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 7430 |
 wooriteam |
11년 전 | 4944 | |
| 7429 | 11년 전 | 1773 | ||
| 7428 |
멋진남자임
|
11년 전 | 1162 | |
| 7427 |
sdflksdj2
|
11년 전 | 822 | |
| 7426 | 11년 전 | 1355 | ||
| 7425 | 11년 전 | 1380 | ||
| 7424 | 11년 전 | 1047 | ||
| 7423 |
SeungYeon
|
11년 전 | 557 | |
| 7422 | 11년 전 | 807 | ||
| 7421 |
sdflksdj2
|
11년 전 | 678 | |
| 7420 | 11년 전 | 963 | ||
| 7419 |
 Terrorboy |
11년 전 | 1392 | |
| 7418 |
멋진남자임
|
11년 전 | 1415 | |
| 7417 | 11년 전 | 603 | ||
| 7416 |
senseme
|
11년 전 | 1220 | |
| 7415 | 11년 전 | 958 | ||
| 7414 | 11년 전 | 709 | ||
| 7413 | 11년 전 | 4846 | ||
| 7412 | 11년 전 | 4403 | ||
| 7411 |
holla
|
11년 전 | 892 | |
| 7410 | 11년 전 | 4247 | ||
| 7409 | 11년 전 | 3925 | ||
| 7408 | 11년 전 | 4268 | ||
| 7407 | 11년 전 | 5070 | ||
| 7406 | 11년 전 | 4726 | ||
| 7405 | 11년 전 | 4297 | ||
| 7404 | 11년 전 | 753 | ||
| 7403 | 11년 전 | 5675 | ||
| 7402 | 11년 전 | 1513 | ||
| 7401 |
Terrorboy |
11년 전 | 972 | |
| 7400 | 11년 전 | 2968 | ||
| 7399 |
멋진남자임
|
11년 전 | 911 | |
| 7398 |
파랑새1597
|
11년 전 | 2689 | |
| 7397 | 11년 전 | 2268 | ||
| 7396 |
basketball
|
11년 전 | 1363 | |
| 7395 | 11년 전 | 1608 | ||
| 7394 | 11년 전 | 926 | ||
| 7393 | 11년 전 | 2063 | ||
| 7392 | 11년 전 | 845 | ||
| 7391 |
잘살아보자
|
11년 전 | 5359 | |
| 7390 |
잘살아보자
|
11년 전 | 2224 | |
| 7389 |
잘살아보자
|
11년 전 | 3318 | |
| 7388 |
파랑새1597
|
11년 전 | 928 | |
| 7387 | 11년 전 | 1103 | ||
| 7386 |
프리랜서퍼블리셔
|
11년 전 | 972 | |
| 7385 | 11년 전 | 1567 | ||
| 7384 |
울라라라우
|
11년 전 | 889 | |
| 7383 | 11년 전 | 1548 | ||
| 7382 |
잘살아보자
|
11년 전 | 4224 | |
| 7381 |
잘살아보자
|
11년 전 | 1993 | |
| 7380 |
잘살아보자
|
11년 전 | 1943 | |
| 7379 |
잘살아보자
|
11년 전 | 5896 | |
| 7378 |
senseme
|
11년 전 | 1894 | |
| 7377 |
잘살아보자
|
11년 전 | 2742 | |
| 7376 | 11년 전 | 2413 | ||
| 7375 |
잘살아보자
|
11년 전 | 1045 | |
| 7374 |
잘살아보자
|
11년 전 | 3156 | |
| 7373 |
잘살아보자
|
11년 전 | 2478 | |
| 7372 |
잘살아보자
|
11년 전 | 5830 | |
| 7371 |
잘살아보자
|
11년 전 | 3461 | |
| 7370 |
잘살아보자
|
11년 전 | 1907 | |
| 7369 |
잘살아보자
|
11년 전 | 2167 | |
| 7368 |
ksdhtm56
|
11년 전 | 559 | |
| 7367 | 11년 전 | 1430 | ||
| 7366 | 11년 전 | 929 | ||
| 7365 | 11년 전 | 3538 | ||
| 7364 |
잘살아보자
|
11년 전 | 1385 | |
| 7363 |
잘살아보자
|
11년 전 | 1366 | |
| 7362 |
잘살아보자
|
11년 전 | 1499 | |
| 7361 | 11년 전 | 3590 | ||
| 7360 | 11년 전 | 3556 | ||
| 7359 | 11년 전 | 3374 | ||
| 7358 |
멋진남자임
|
11년 전 | 1021 | |
| 7357 | 11년 전 | 3413 | ||
| 7356 | 11년 전 | 2597 | ||
| 7355 | 11년 전 | 3184 | ||
| 7354 |
파랑새1597
|
11년 전 | 645 | |
| 7353 |
잘살아보자
|
11년 전 | 2425 | |
| 7352 |
잘살아보자
|
11년 전 | 2410 | |
| 7351 |
잘살아보자
|
11년 전 | 2472 | |
| 7350 |
잘살아보자
|
11년 전 | 1469 | |
| 7349 |
잘살아보자
|
11년 전 | 1963 | |
| 7348 |
잘살아보자
|
11년 전 | 1281 | |
| 7347 |
잘살아보자
|
11년 전 | 1078 | |
| 7346 |
멋진남자임
|
11년 전 | 1644 | |
| 7345 | 11년 전 | 985 | ||
| 7344 | 11년 전 | 3868 | ||
| 7343 | 11년 전 | 3648 | ||
| 7342 | 11년 전 | 1274 | ||
| 7341 | 11년 전 | 2513 | ||
| 7340 |
 오드리15 |
11년 전 | 931 | |
| 7339 | 11년 전 | 1733 | ||
| 7338 | 11년 전 | 3342 | ||
| 7337 | 11년 전 | 3657 | ||
| 7336 | 11년 전 | 4593 | ||
| 7335 | 11년 전 | 971 | ||
| 7334 | 11년 전 | 1528 | ||
| 7333 | 11년 전 | 2932 | ||
| 7332 |
Terrorboy |
11년 전 | 1102 | |
| 7331 |
KeePin뽁이
|
11년 전 | 1100 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기