좁은공간에 최근게시물 불러오기 Ⅱ > 그누3 팁자료실

그누3 팁자료실

좁은공간에 최근게시물 불러오기 Ⅱ 정보

그누호환 좁은공간에 최근게시물 불러오기 Ⅱ

첨부파일

menu.psd (426.3K) 55회 다운로드 2004-02-18 22:21:52

본문

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>




메뉴는 제가 만들어 사용한 포토샵 파일을 첨부하였습니다... 제 스타일이라서 ^^;;
나머니부분은 태그를 수정하시면 색깔을 바꿀수 있을 것입니다..^^;;
추천
0
  • 복사

댓글 전체

깔끔,심플,멋지군요.
그런데... 스크립터에러 때문에 사용할수가 없군요.
kaja님꺼는 netscape, mozilla에서 스크립터 에러가 없는데 이것도 스크립터 에러 안나도록 처리 안되는지?
해결좀 해주세요.
© SIRSOFT
현재 페이지 제일 처음으로