그누의 메인페이지에 있는 최신글은 어떻게 만드는가요? 정보
그누의 메인페이지에 있는 최신글은 어떻게 만드는가요?본문
질문이 너무 방대한가요?......^^;
아래 자바가 보이긴 한데...이용할 줄을 모르겠네요....
<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>
댓글 전체
관리자님께 지금 사용중인 프로그램 공개를 요청하시는것이 빠를듯 합니다. ^^
위의 자바코드는 메뉴위에 커서를 올리면 색상을 변경시켜주는 코드가 대부분이고
document.getElementById(new_save).style.display = 'none'; <= 이전에 선택한 테이블
document.getElementById(new_id).style.display = 'block'; <= 새로 보일 테이블
new_save = new_id;
실제 핵심은 이거네요...
5개의 테이블이 있고, display:none과 block를 적절히 바꿔주는...
색상변경쪽을 css로 바꾸고 내용쪽만 신경써도 될 것 같습니다.
document.getElementById(new_save).style.display = 'none'; <= 이전에 선택한 테이블
document.getElementById(new_id).style.display = 'block'; <= 새로 보일 테이블
new_save = new_id;
실제 핵심은 이거네요...
5개의 테이블이 있고, display:none과 block를 적절히 바꿔주는...
색상변경쪽을 css로 바꾸고 내용쪽만 신경써도 될 것 같습니다.
root님 그게 답이겠죠?.......^^
g6man님 도움글 감사합니다....^^
g6man님 도움글 감사합니다....^^