0
조회 수 : 6899 신고 : 0
미리보기 : |
---|
1번 테이블
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="ShowHideTable_1" style="display:block">
<tr>
<td><img src="img/table_1_on.gif" onMouseOver="ShowTable( 1 );"></td>
<td><img src="img/table_2_off.gif" onMouseOver="ShowTable( 2 );"></td>
<td><img src="img/table_3_off.gif" onMouseOver="ShowTable( 3 );"></td>
</tr>
<tr>
<td> 여기에는 내용.. 어쩌구.. 저쩌구.. </td>
</tr>
</table>
2번 테이블
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="ShowHideTable_2" style="display:block">
<tr>
<td><img src="img/table_1_off.gif" onMouseOver="ShowTable( 1 );"></td>
<td><img src="img/table_2_on.gif" onMouseOver="ShowTable( 2 );"></td>
<td><img src="img/table_3_off.gif" onMouseOver="ShowTable( 3 );"></td>
</tr>
<tr>
<td> 여기에는 내용.. 어쩌구.. 저쩌구.. </td>
</tr>
</table>
3번 테이블
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="ShowHideTable_1" style="display:block">
<tr>
<td><img src="img/table_1_off.gif" onMouseOver="ShowTable( 1 );"></td>
<td><img src="img/table_2_off.gif" onMouseOver="ShowTable( 2 );"></td>
<td><img src="img/table_3_on.gif" onMouseOver="ShowTable( 3 );"></td>
</tr>
<tr>
<td> 여기에는 내용.. 어쩌구.. 저쩌구.. </td>
</tr>
</table>
이렇게 하고 하단에 자스를..넣습니다
<script>
function ShowTable( argNum ) {
// 전체 테이블 갯수 지정해준다.
var lTotalTable =3;
for( var i = 1; i <= lTotalTable; i++ ) {
eval( "ShowHideTable_" + i + ".style.display = 'none'" );
}
eval( "ShowHideTable_" + argNum + ".style.display = 'block'" );
}
ShowTable( 1 );
</script>
이러면 스위칭시 레이어를 보여줬다가 안보여줬다 하죠.^^
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 아이콘이 붙게됩니다.
- 추천수 50개이상
- 추천수 30개이상
- 추천수 20개이상
- 추천수 10개이상
- 추천수 3개이상
첫번째 댓글을 남겨주세요!