웹마스터 팁

안녕하세요. ^ ^
몇년전에 어디서 퍼다가 사용하고있는 소스입니다.
조금 간단하고 쉬운거라 소개해 드립니다.

<SCRIPT language="JavaScript">
<!--

function over(kks2){
on = eval(kks2 + "s.src");
document[kks2].src = on;
}
function out(kks1){
off = eval(kks1 +"n.src");
document[kks1].src = off;
}

bar1s = new Image();
bar1s.src = "이미지경로";
bar1n = new Image();
bar1n.src = "이미지경로";

bar2s = new Image();
bar2s.src = "이미지경로";
bar2n = new Image();
bar2n.src = "이미지경로";

bar3s = new Image();
bar3s.src = "이미지경로";
bar3n = new Image();
bar3n.src = "이미지경로";

bar4s = new Image();
bar4s.src = "이미지경로";
bar4n = new Image();
bar4n.src = "이미지경로";

bar5s = new Image();
bar5s.src = "이미지경로";
bar5n = new Image();
bar5n.src = "이미지경로";

function hidestatus()
{
window.status='브라우저 하단에 나타날 문자를 넣어주세요~';
return true
}

if (document.layers)
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT | Event.MOUSEMOVE)
document.onmouseover=hidestatus
document.onmouseout=hidestatus

//-->
</SCRIPT>


<A HREF="경로" onmouseover="over('bar1')" onmouseout="out('bar1')"><IMG SRC="이미지경로" WIDTH="90" HEIGHT="36" BORDER="0" name=bar1>

<A HREF="경로" onmouseover="over('+ 'bar2')" onmouseout="out('bar2')"><IMG SRC="이미지경로" WIDTH="90" HEIGHT="36" BORDER="0" name=bar2>

<A HREF="경로" onmouseover="over('bar3')" onmouseout="out('bar3')"><IMG SRC="이미지경로" WIDTH="90" HEIGHT="36" BORDER="0" name=bar3>

<A HREF="경로" onmouseover="over('bar4')" onmouseout="out('bar4')"><IMG SRC="이미지경로" WIDTH="90" HEIGHT="36" BORDER="0" name=bar4>

<A HREF="경로" onmouseover="over('bar5')" onmouseout="out('bar5')"><IMG SRC="이미지경로" WIDTH="90" HEIGHT="36" BORDER="0" name=bar5>








위에 보시면은 bar1s / bar1n 이라는것처럼
순서대로 지정이 되어 있네요

n = 초기에 노출될 이미지
s = 마우스를 갖다대면 변경될 이미지



더 많은 이미지를 추가하시려면
bar5s = new Image();
bar5s.src = "이미지경로";
bar5n = new Image();
bar5n.src = "이미지경로";

밑으로
bar6s = new Image();
bar6s.src = "이미지경로";
bar6n = new Image();
bar6n.src = "이미지경로";   이런식으로 숫자만 바꿔주면서 추가하신후에..


<A HREF="경로" onmouseover="over('bar6')" onmouseout="out('bar6')"><IMG SRC="이미지경로" WIDTH="90" HEIGHT="36" BORDER="0" name=bar6>

위의 경로메뉴 부분도 추가하시면 됩니당~





JS 파일로 만들어 사용하실경우
<SCRIPT language="JavaScript"> / </SCRIPT> 를 삭제하시고

<!-- 이 부분 부터
//--> 여기 까지 복사하신후에 문서에 붙여넣기 하시고
확장자만 JS 파일로 만들어 넣으세요. (물론 아시겠지만 항상 설명은 모르시는분들을 위해서..)


위에 소스를 총 정리 하자면 아래와 같습니다.
-----------------------------------------------------------------------------------------

<SCRIPT language="JavaScript">
<!--

function over(kks2){
on = eval(kks2 + "s.src");
document[kks2].src = on;
}
function out(kks1){
off = eval(kks1 +"n.src");
document[kks1].src = off;
}

bar1s = new Image();
bar1s.src = "./images/a2.gif";
bar1n = new Image();
bar1n.src = "./images/a1.gif";

bar2s = new Image();
bar2s.src = "./images/b2.gif";
bar2n = new Image();
bar2n.src = "./images/b1.gif";

bar3s = new Image();
bar3s.src = "./images/c2.gif";
bar3n = new Image();
bar3n.src = "./images/c1.gif";

bar4s = new Image();
bar4s.src = "./images/d2.gif";
bar4n = new Image();
bar4n.src = "./images/d1.gif";

bar5s = new Image();
bar5s.src = "./images/e2.gif";
bar5n = new Image();
bar5n.src = "./images/e1.gif";

function hidestatus()
{
window.status='브라우저 하단에 나타날 문자를 넣어주세요~';
return true
}

if (document.layers)
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT | Event.MOUSEMOVE)
document.onmouseover=hidestatus
document.onmouseout=hidestatus

//-->
</SCRIPT>


<A HREF="경로" onmouseover="over('bar1')" onmouseout="out('bar1')"><IMG SRC="./images/a1.gif" WIDTH="90" HEIGHT="36" BORDER="0" name=bar1>

<A HREF="경로" onmouseover="over('bar2')" onmouseout="out('bar2')"><IMG SRC="./images/b1.gif" WIDTH="90" HEIGHT="36" BORDER="0" name=bar2>

<A HREF="경로" onmouseover="over('bar3')" onmouseout="out('bar3')"><IMG SRC="./images/c1.gif" WIDTH="90" HEIGHT="36" BORDER="0" name=bar3>

<A HREF="경로" onmouseover="over('bar4')" onmouseout="out('bar4')"><IMG SRC="./images/d1.gif" WIDTH="90" HEIGHT="36" BORDER="0" name=bar4>

<A HREF="경로" onmouseover="over('bar5')" onmouseout="out('bar5')"><IMG SRC="./images/e1.gif" WIDTH="90" HEIGHT="36" BORDER="0" name=bar5>


(주의)
이미지 사이즈는 꼭 적어주셔야되욤~


별로 어려운건 아닌데 설명이 길었습니다.
항상 전혀 모를수있는 사람 한명을위해 자세히 설명하는게 습관이 되었네요.
조회수 천명이라도 사용하고싶은 1명이 모른다면 대충 소스만 올려둘 필요가 있을까하네요.?
제목 글쓴이 날짜
신도림오피 ⦑출장안마사이트.COM⦒ 신도림OP 신도림오피 신도림출장샵 신도림오피 koykoyah 2025.02.21
남양주오피 ⦑오피사이트.NET⦒ 남양주마사지 남양주오피 남양주오피 남양주OP koykoyah 2025.02.21
수원오피 ⦑출장마사지안내.COM⦒ 수원OP 수원오피 수원출장샵 수원오피 koykoyah 2025.02.21
역삼오피 역삼오피 ⦑오피사이트.NET⦒ 역삼OP 역삼스파 역삼오피 koykoyah 2025.02.21
산본오피 ⦑오피쓰주소.COM⦒ 산본OP 산본오피 산본출장샵 산본오피 koykoyah 2025.02.21
강남오피 강남오피 ⦑출장안마사이트.COM⦒ 강남OP 강남스파 강남오피 koykoyah 2025.02.21
산본오피 ⦑출장마사지안내.COM⦒ 산본오피 산본OP 산본건마 산본오피 koykoyah 2025.02.21
제주오피 ⦑출장마사지안내.COM⦒ 제주오피 제주출장마사지 제주오피 제주OP koykoyah 2025.02.21
강서오피 강서오피 ⦑오피.CLUB⦒ 강서OP 강서스파 강서오피 koykoyah 2025.02.21
동대문오피 ⦑출장마사지안내.COM⦒ 동대문오피 동대문OP 동대문건마 동대문오피 koykoyah 2025.02.21
판교오피 판교오피 ⦑출장안마사이트.COM⦒ 판교OP 판교스파 판교오피 koykoyah 2025.02.21
부천오피 부천오피 ⦑오피사이트.NET⦒ 부천OP 부천스파 부천오피 koykoyah 2025.02.21
신림오피 ⦑출장안마사이트.COM⦒ 신림오피 신림출장마사지 신림오피 신림OP koykoyah 2025.02.21
판교오피 ⦑오피사이트.NET⦒ 판교마사지 판교오피 판교오피 판교OP koykoyah 2025.02.21
분당오피 ⦑출장마사지안내.COM⦒ 분당오피 분당출장마사지 분당오피 분당OP koykoyah 2025.02.21
인천오피 ⦑오피사이트.NET⦒ 인천마사지 인천오피 인천오피 인천OP koykoyah 2025.02.21
압구정오피 ⦑오피.CLUB⦒ 압구정OP 압구정오피 압구정출장샵 압구정오피 koykoyah 2025.02.21
동탄오피 동탄오피 ⦑출장안마사이트.COM⦒ 동탄OP 동탄스파 동탄오피 koykoyah 2025.02.21
목포오피 ⦑오피쓰.COM⦒ 목포오피 목포OP 목포건마 목포오피 koykoyah 2025.02.21
인천오피 인천OP ⦑출장마사지안내.COM⦒ 인천휴게텔 인천오피 인천오피 koykoyah 2025.02.21