좁은공간에 최근게시물 불러오기 Ⅱ 정보
그누호환 좁은공간에 최근게시물 불러오기 Ⅱ첨부파일
본문
2시간만에 만든 최근게시물 불러오기.. kaja 님꺼랑 비슷..^^^;
아래 소스를 main.php의 원하는 부분에 넣어주세요...
<script language="JavaScript">
<!--
var tabPhoto_on = new Array() ;
var tabPhoto_off = new Array() ;
for (i=1; i<=3; i++){
tabPhoto_on[i] = new Image() ;
tabPhoto_on[i].src = "image/img" + i + "_on.gif" ;
tabPhoto_off[i] = new Image() ;
tabPhoto_off[i].src = "image/img" + i + "_off.gif" ;
}
var tabPhotoImgName, tabPhotoLayName ;
function tabPhotoAct(){
for (i=1; i<=3; i++){
tabPhotoImgName = "img" + i ;
document.images[tabPhotoImgName].src = tabPhoto_off[i].src ;
tabPhotoLayName = document.all["tabPhotoLay"+i] ;
tabPhotoLayName.style.display = "none" ;
}
tabPhotoImgName = "img" + arguments[0] ;
document.images[tabPhotoImgName].src = tabPhoto_on[arguments[0]].src ;
document.all["tabPhotoLay"+arguments[0]].style.display = "" ;
}
//-->
</script>
<TABLE cellSpacing=0 cellPadding=0 width=202 border=0>
<TR>
<TD><A onmouseover="javascript:tabPhotoAct('1')" href="#"><IMG height=30 src="image/img1_off.gif" width=74 border=0 name=img1></A></TD>
<TD><A onmouseover="javascript:tabPhotoAct('2')" href="#"><IMG height=30 src="image/img2_off.gif" width=59 border=0 name=img2></A></TD>
<TD><A onmouseover="javascript:tabPhotoAct('3')" href="#"><IMG height=30 src="image/img3_off.gif" width=69 border=0 name=img3></A></TD>
</TR></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=202 border=0>
<TR><TD width=1 bgColor=#a5a5a5><BR></TD>
<TD width=14 bgColor=#e1e1e1><BR></TD>
<TD width=172 height=150 bgColor=#e1e1e1 valign=top>
<DIV id=tabPhotoLay1><?=latest('etc',freeboard, 5, 20);?></DIV>
<DIV id=tabPhotoLay2 style="display:none"><?=latest('etc',gnutip, 5, 20);?></DIV>
<DIV id=tabPhotoLay3 style="display:none"><?=latest('etc',utilpds, 5, 20);?></DIV></TD>
<TD width=14 bgColor=#e1e1e1><BR></TD>
<TD width=1 bgColor=#a5a5a5><BR></TD></TR>
<TR><TD bgColor=#a5a5a5 colSpan=5 height=1></TD></TR></TABLE>
메뉴는 제가 만들어 사용한 포토샵 파일을 첨부하였습니다... 제 스타일이라서 ^^;;
나머니부분은 태그를 수정하시면 색깔을 바꿀수 있을 것입니다..^^;;
아래 소스를 main.php의 원하는 부분에 넣어주세요...
<script language="JavaScript">
<!--
var tabPhoto_on = new Array() ;
var tabPhoto_off = new Array() ;
for (i=1; i<=3; i++){
tabPhoto_on[i] = new Image() ;
tabPhoto_on[i].src = "image/img" + i + "_on.gif" ;
tabPhoto_off[i] = new Image() ;
tabPhoto_off[i].src = "image/img" + i + "_off.gif" ;
}
var tabPhotoImgName, tabPhotoLayName ;
function tabPhotoAct(){
for (i=1; i<=3; i++){
tabPhotoImgName = "img" + i ;
document.images[tabPhotoImgName].src = tabPhoto_off[i].src ;
tabPhotoLayName = document.all["tabPhotoLay"+i] ;
tabPhotoLayName.style.display = "none" ;
}
tabPhotoImgName = "img" + arguments[0] ;
document.images[tabPhotoImgName].src = tabPhoto_on[arguments[0]].src ;
document.all["tabPhotoLay"+arguments[0]].style.display = "" ;
}
//-->
</script>
<TABLE cellSpacing=0 cellPadding=0 width=202 border=0>
<TR>
<TD><A onmouseover="javascript:tabPhotoAct('1')" href="#"><IMG height=30 src="image/img1_off.gif" width=74 border=0 name=img1></A></TD>
<TD><A onmouseover="javascript:tabPhotoAct('2')" href="#"><IMG height=30 src="image/img2_off.gif" width=59 border=0 name=img2></A></TD>
<TD><A onmouseover="javascript:tabPhotoAct('3')" href="#"><IMG height=30 src="image/img3_off.gif" width=69 border=0 name=img3></A></TD>
</TR></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=202 border=0>
<TR><TD width=1 bgColor=#a5a5a5><BR></TD>
<TD width=14 bgColor=#e1e1e1><BR></TD>
<TD width=172 height=150 bgColor=#e1e1e1 valign=top>
<DIV id=tabPhotoLay1><?=latest('etc',freeboard, 5, 20);?></DIV>
<DIV id=tabPhotoLay2 style="display:none"><?=latest('etc',gnutip, 5, 20);?></DIV>
<DIV id=tabPhotoLay3 style="display:none"><?=latest('etc',utilpds, 5, 20);?></DIV></TD>
<TD width=14 bgColor=#e1e1e1><BR></TD>
<TD width=1 bgColor=#a5a5a5><BR></TD></TR>
<TR><TD bgColor=#a5a5a5 colSpan=5 height=1></TD></TR></TABLE>
메뉴는 제가 만들어 사용한 포토샵 파일을 첨부하였습니다... 제 스타일이라서 ^^;;
나머니부분은 태그를 수정하시면 색깔을 바꿀수 있을 것입니다..^^;;
추천
0
0
댓글 전체
익스플로어에서만 된다니...;;;;
생각해보겠습니다...^^;;;
생각해보겠습니다...^^;;;
깔끔,심플,멋지군요.
그런데... 스크립터에러 때문에 사용할수가 없군요.
kaja님꺼는 netscape, mozilla에서 스크립터 에러가 없는데 이것도 스크립터 에러 안나도록 처리 안되는지?
해결좀 해주세요.
그런데... 스크립터에러 때문에 사용할수가 없군요.
kaja님꺼는 netscape, mozilla에서 스크립터 에러가 없는데 이것도 스크립터 에러 안나도록 처리 안되는지?
해결좀 해주세요.
좋은데요...very good...입니다...
감사합니다.~
감사합니다.~
음............
넷스케이프에서는 안되는군요. ㅠ.ㅠ
넷스케이프에서는 안되는군요. ㅠ.ㅠ
메뉴를 더 늘리고 싶으실때는 for (i=1; i<=3; i++){ 의 3을 바꿔 주세요...(두군데..)