질문이 너무 방대한가요?......^^;
아래 자바가 보이긴 한데...이용할 줄을 모르겠네요....
<script language="JavaScript">
var new_save = 'new_all';
var latest_m01_img = new Image();
var latest_m02_img = new Image();
var latest_m03_img = new Image();
var latest_m04_img = new Image();
var latest_m01_on_img = new Image();
var latest_m02_on_img = new Image();
var latest_m03_on_img = new Image();
var latest_m04_on_img = new Image();
latest_m01_img.src = 'img/latest_m01.gif';
latest_m02_img.src = 'img/latest_m02.gif';
latest_m03_img.src = 'img/latest_m03.gif';
latest_m04_img.src = 'img/latest_m04.gif';
latest_m01_on_img.src = 'img/latest_m01_on.gif';
latest_m02_on_img.src = 'img/latest_m02_on.gif';
latest_m03_on_img.src = 'img/latest_m03_on.gif';
latest_m04_on_img.src = 'img/latest_m04_on.gif';
function new_change(new_id)
{
document.getElementById('latest_m01').src = latest_m01_img.src;
document.getElementById('latest_m02').src = latest_m02_img.src;
document.getElementById('latest_m03').src = latest_m03_img.src;
document.getElementById('latest_m04').src = latest_m04_img.src;
if (new_id == 'new_gnuboard')
document.getElementById('latest_m01').src = latest_m01_on_img.src;
else if (new_id == 'new_youngcart')
document.getElementById('latest_m02').src = latest_m02_on_img.src;
else if (new_id == 'new_product')
document.getElementById('latest_m03').src = latest_m03_on_img.src;
else if (new_id == 'new_community')
document.getElementById('latest_m04').src = latest_m04_on_img.src;
document.getElementById(new_save).style.display = 'none';
document.getElementById(new_id).style.display = 'block';
new_save = new_id;
}
</script>
아래 자바가 보이긴 한데...이용할 줄을 모르겠네요....
<script language="JavaScript">
var new_save = 'new_all';
var latest_m01_img = new Image();
var latest_m02_img = new Image();
var latest_m03_img = new Image();
var latest_m04_img = new Image();
var latest_m01_on_img = new Image();
var latest_m02_on_img = new Image();
var latest_m03_on_img = new Image();
var latest_m04_on_img = new Image();
latest_m01_img.src = 'img/latest_m01.gif';
latest_m02_img.src = 'img/latest_m02.gif';
latest_m03_img.src = 'img/latest_m03.gif';
latest_m04_img.src = 'img/latest_m04.gif';
latest_m01_on_img.src = 'img/latest_m01_on.gif';
latest_m02_on_img.src = 'img/latest_m02_on.gif';
latest_m03_on_img.src = 'img/latest_m03_on.gif';
latest_m04_on_img.src = 'img/latest_m04_on.gif';
function new_change(new_id)
{
document.getElementById('latest_m01').src = latest_m01_img.src;
document.getElementById('latest_m02').src = latest_m02_img.src;
document.getElementById('latest_m03').src = latest_m03_img.src;
document.getElementById('latest_m04').src = latest_m04_img.src;
if (new_id == 'new_gnuboard')
document.getElementById('latest_m01').src = latest_m01_on_img.src;
else if (new_id == 'new_youngcart')
document.getElementById('latest_m02').src = latest_m02_on_img.src;
else if (new_id == 'new_product')
document.getElementById('latest_m03').src = latest_m03_on_img.src;
else if (new_id == 'new_community')
document.getElementById('latest_m04').src = latest_m04_on_img.src;
document.getElementById(new_save).style.display = 'none';
document.getElementById(new_id).style.display = 'block';
new_save = new_id;
}
</script>
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 3개
document.getElementById(new_save).style.display = 'none'; <= 이전에 선택한 테이블
document.getElementById(new_id).style.display = 'block'; <= 새로 보일 테이블
new_save = new_id;
실제 핵심은 이거네요...
5개의 테이블이 있고, display:none과 block를 적절히 바꿔주는...
색상변경쪽을 css로 바꾸고 내용쪽만 신경써도 될 것 같습니다.
g6man님 도움글 감사합니다....^^