묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
자바스크립트 탭메뉴 소스 수정이요 ㅠ
2005.12.09 13:56
탭메뉴 클릭하면 메뉴 이미지 바뀌고 밑에 내용 바뀌는 건데요
(http://www.sourcenara.com//SourcenaraScript/index.htm
여기 79번 퍼왔습니다 )
처음 보여질땐.. 첫번째 메뉴이미지가 클릭했을때 이미지(portfolio_tit1on.gif) 보여 있어야 되거든요
근데 처음 보여질때부터 롤아웃 했을때로 보여집니다
어딜 수정해야 되는지 궁금합니다 ㅠㅠ
갈쳐주세요~
헤드부분---------
<!-- 탭메뉴 -->
<script language="JavaScript">
<!-- Hide from old browsers
if (navigator.appVersion.indexOf("2.") != -1){
check = false;
}
if ((navigator.appVersion.indexOf("3.") != -1) && (navigator.appName.indexOf("Explorer") != -1)){
check = false;
}
else {
check = true;
}
if (check == true){
//아래는 첫번째 메뉴 이미지의 경로 설정
image1 = new Image();
image1.src = "../img/portfolio_tit1.gif";
image1stay = new Image();
image1stay.src = "../img/portfolio_tit1on.gif";
//아래는 두번째 메뉴 이미지의 경로 설정
image2 = new Image();
image2.src = "../img/portfolio_tit2.gif";
image2stay = new Image();
image2stay.src = "../img/portfolio_tit2on.gif";
//아래는 세번째 메뉴 이미지의 경로 설정
image3 = new Image();
image3.src = "../img/portfolio_tit3.gif";
image3stay = new Image();
image3stay.src = "../img/portfolio_tit3on.gif";
//아래는 네번째 메뉴 이미지의 경로 설정
image4 = new Image();
image4.src = "../img/portfolio_tit4.gif";
image4stay = new Image();
image4stay.src = "../img/portfolio_tit4on.gif";
}
imageStay = ""
function imageon(name){
if (imageStay != name){
document[name].src = eval(name + "on.src");
}
}
function imageoff(name){
if (imageStay != name){
document[name].src = eval(name + ".src");
}
}
function on(name){
if (check == true){
imageon(name);
}
}
function off(name){
if (check == true){
imageoff(name);
}
}
function stay(name){
if (check == true){
document[name].src = eval(name + "stay.src");
if (imageStay != name){
if (imageStay != ""){
document[imageStay].src = eval(imageStay + ".src");
}
}
imageStay = name
}
}
// -->
</script>
<!-- 탭메뉴끝 -->
바디 부분-------------
<!-- 탭메뉴 -->
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<!--첫번째 메뉴이미지의 설정-->
<TD width="67" height="23"><a href="sub2_02_if1.htm" target="if01" onmouseout="off('image1')" onclick="stay('image1');"><IMG SRC="../img/portfolio_tit1.gif" width=67 height=23 BORDER=0 name="image1"></a></TD>
<!--두번째 메뉴이미지의 설정-->
<TD WIDTH=67 HEIGHT=23><a href="sub2_02_if2.htm" target="if01" onmouseout="off('image2')" onclick="stay('image2');"><IMG SRC="../img/portfolio_tit2.gif" WIDTH=67 HEIGHT=23 BORDER=0 name="image2"></a></TD>
<!--세번째 메뉴이미지의 설정-->
<TD WIDTH=67 HEIGHT=23><a href="sub2_02_if3.htm" target="if01" onmouseout="off('image3')" onclick="stay('image3');"><IMG SRC="../img/portfolio_tit3.gif" WIDTH=67 HEIGHT=23 BORDER=0 name="image3"></a></TD>
<!--네번째 메뉴이미지의 설정-->
<TD WIDTH=67 HEIGHT=23><a href="sub2_02_if4.htm" target="if01" onmouseout="off('image4')" onclick="stay('image4');"><IMG SRC="../img/portfolio_tit4.gif" WIDTH=67 HEIGHT=23 BORDER=0 name="image4"></a></TD>
<td><img src="../img/portfolio_tit5.gif" width="327" height="23"></td>
</TR>
</TABLE>
<!-- 탭메뉴끝 -->
(http://www.sourcenara.com//SourcenaraScript/index.htm
여기 79번 퍼왔습니다 )
처음 보여질땐.. 첫번째 메뉴이미지가 클릭했을때 이미지(portfolio_tit1on.gif) 보여 있어야 되거든요
근데 처음 보여질때부터 롤아웃 했을때로 보여집니다
어딜 수정해야 되는지 궁금합니다 ㅠㅠ
갈쳐주세요~
헤드부분---------
<!-- 탭메뉴 -->
<script language="JavaScript">
<!-- Hide from old browsers
if (navigator.appVersion.indexOf("2.") != -1){
check = false;
}
if ((navigator.appVersion.indexOf("3.") != -1) && (navigator.appName.indexOf("Explorer") != -1)){
check = false;
}
else {
check = true;
}
if (check == true){
//아래는 첫번째 메뉴 이미지의 경로 설정
image1 = new Image();
image1.src = "../img/portfolio_tit1.gif";
image1stay = new Image();
image1stay.src = "../img/portfolio_tit1on.gif";
//아래는 두번째 메뉴 이미지의 경로 설정
image2 = new Image();
image2.src = "../img/portfolio_tit2.gif";
image2stay = new Image();
image2stay.src = "../img/portfolio_tit2on.gif";
//아래는 세번째 메뉴 이미지의 경로 설정
image3 = new Image();
image3.src = "../img/portfolio_tit3.gif";
image3stay = new Image();
image3stay.src = "../img/portfolio_tit3on.gif";
//아래는 네번째 메뉴 이미지의 경로 설정
image4 = new Image();
image4.src = "../img/portfolio_tit4.gif";
image4stay = new Image();
image4stay.src = "../img/portfolio_tit4on.gif";
}
imageStay = ""
function imageon(name){
if (imageStay != name){
document[name].src = eval(name + "on.src");
}
}
function imageoff(name){
if (imageStay != name){
document[name].src = eval(name + ".src");
}
}
function on(name){
if (check == true){
imageon(name);
}
}
function off(name){
if (check == true){
imageoff(name);
}
}
function stay(name){
if (check == true){
document[name].src = eval(name + "stay.src");
if (imageStay != name){
if (imageStay != ""){
document[imageStay].src = eval(imageStay + ".src");
}
}
imageStay = name
}
}
// -->
</script>
<!-- 탭메뉴끝 -->
바디 부분-------------
<!-- 탭메뉴 -->
<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<!--첫번째 메뉴이미지의 설정-->
<TD width="67" height="23"><a href="sub2_02_if1.htm" target="if01" onmouseout="off('image1')" onclick="stay('image1');"><IMG SRC="../img/portfolio_tit1.gif" width=67 height=23 BORDER=0 name="image1"></a></TD>
<!--두번째 메뉴이미지의 설정-->
<TD WIDTH=67 HEIGHT=23><a href="sub2_02_if2.htm" target="if01" onmouseout="off('image2')" onclick="stay('image2');"><IMG SRC="../img/portfolio_tit2.gif" WIDTH=67 HEIGHT=23 BORDER=0 name="image2"></a></TD>
<!--세번째 메뉴이미지의 설정-->
<TD WIDTH=67 HEIGHT=23><a href="sub2_02_if3.htm" target="if01" onmouseout="off('image3')" onclick="stay('image3');"><IMG SRC="../img/portfolio_tit3.gif" WIDTH=67 HEIGHT=23 BORDER=0 name="image3"></a></TD>
<!--네번째 메뉴이미지의 설정-->
<TD WIDTH=67 HEIGHT=23><a href="sub2_02_if4.htm" target="if01" onmouseout="off('image4')" onclick="stay('image4');"><IMG SRC="../img/portfolio_tit4.gif" WIDTH=67 HEIGHT=23 BORDER=0 name="image4"></a></TD>
<td><img src="../img/portfolio_tit5.gif" width="327" height="23"></td>
</TR>
</TABLE>
<!-- 탭메뉴끝 -->