제목에 마우스오버하면 해당최신글 보이게 정보
제목에 마우스오버하면 해당최신글 보이게본문
인덱스화면에서
예를 들어 공지사항, 자유게시판, q&a 게시판에서 최신글을 보여줄건데요
마우스를 공지사항 제목에 over하면 공지사항 최신글이 뜨고
마우스를 공지사항 자유게시판에 over하면 자유게시판 최신글이 뜨게 하려고 하는데요
echo latest("basic", "notice", 5, 40);
echo latest("basic", "free", 5, 40);
echo latest("basic", "qna", 5, 40);
최신글은 이렇게 출력하려고 하고있고요..
스크립트로 하면될듯한데... 스크립트에 약해서...
소스부탁드립니다.^^
댓글 전체
탭메뉴 말씀하시는거군요 간단하게 ~ 한번 만들어 보겟습니다.
우선
아래 내용이 예제 출력부 소스입니다.~ ㅇㅅㅇ
<table>
<tr>
<td>탭메뉴1</td>
<td>탭메뉴2</td>
<td>탭메뉴3</td>
</tr>
</table>
<table>
<tr>
<td>
<div id="<?= $bo_table ?>_1" name="<?= $bo_table ?>" style="display:block">
<? echo latest("basic", "notice", 5, 40); ?>
</div>
<div id="<?= $bo_table ?>_2" name="<?= $bo_table ?>" style="display:none">
<? echo latest("basic", "free", 5, 40); ?>
</div>
<div id="<?= $bo_table ?>_3" name="<?= $bo_table ?>" style="display:none">
<? echo latest("basic", "qna", 5, 40); ?>
</div></td>
</tr>
</table>
우선
아래 내용이 예제 출력부 소스입니다.~ ㅇㅅㅇ
<table>
<tr>
<td>탭메뉴1</td>
<td>탭메뉴2</td>
<td>탭메뉴3</td>
</tr>
</table>
<table>
<tr>
<td>
<div id="<?= $bo_table ?>_1" name="<?= $bo_table ?>" style="display:block">
<? echo latest("basic", "notice", 5, 40); ?>
</div>
<div id="<?= $bo_table ?>_2" name="<?= $bo_table ?>" style="display:none">
<? echo latest("basic", "free", 5, 40); ?>
</div>
<div id="<?= $bo_table ?>_3" name="<?= $bo_table ?>" style="display:none">
<? echo latest("basic", "qna", 5, 40); ?>
</div></td>
</tr>
</table>
상단에 넣을 스크립트 소스
<script language="javascript">
// 마우스 오버시 ~ ㅋㅋ
function over1() {
document.<?= $bo_table ?>_1.style.display = 'block';
}
function over2() {
document.<?= $bo_table ?>_1.style.display = 'block';
}
function over3() {
document.<?= $bo_table ?>_1.style.display = 'block';
}
//마우스 오버아웃시~
function out1() {
document.<?= $bo_table ?>_1.style.display = 'none';
}
function out2() {
document.<?= $bo_table ?>_2.style.display = 'none';
}
function out3() {
document.<?= $bo_table ?>_3.style.display = 'none';
}
</script>
이까지가 저가 대충 방금 적어본 소스인데 한번 실험해보고요
~
<script language="javascript">
// 마우스 오버시 ~ ㅋㅋ
function over1() {
document.<?= $bo_table ?>_1.style.display = 'block';
}
function over2() {
document.<?= $bo_table ?>_1.style.display = 'block';
}
function over3() {
document.<?= $bo_table ?>_1.style.display = 'block';
}
//마우스 오버아웃시~
function out1() {
document.<?= $bo_table ?>_1.style.display = 'none';
}
function out2() {
document.<?= $bo_table ?>_2.style.display = 'none';
}
function out3() {
document.<?= $bo_table ?>_3.style.display = 'none';
}
</script>
이까지가 저가 대충 방금 적어본 소스인데 한번 실험해보고요
~
<script language="javascript">
// 마우스 오버시 ~ ㅋㅋ
function over(a,b,c) {
a.style.display = 'block';
b.style.display = 'none';
c.style.display = 'none';
}
</script>
<table>
<tr>
<td onmouseover="over(a,b,c)">탭메뉴1</td>
<td onmouseover="over(b,a,c)">탭메뉴2</td>
<td onmouseover="over(c,a,b)">탭메뉴3</td>
</tr>
</table>
<table>
<tr>
<td>
<div id="a" name="a" style="display:block">
<? echo latest("basic", "notice", 5, 40); ?>
</div>
<div id="b" name="b" style="display:none">
<? echo latest("basic", "free", 5, 40); ?>
</div>
<div id="c" name="c" style="display:none">
<? echo latest("basic", "qna", 5, 40); ?>
</div></td>
</tr>
</table>
-- 위에 내용수정해서 새로 올립니다.
// 마우스 오버시 ~ ㅋㅋ
function over(a,b,c) {
a.style.display = 'block';
b.style.display = 'none';
c.style.display = 'none';
}
</script>
<table>
<tr>
<td onmouseover="over(a,b,c)">탭메뉴1</td>
<td onmouseover="over(b,a,c)">탭메뉴2</td>
<td onmouseover="over(c,a,b)">탭메뉴3</td>
</tr>
</table>
<table>
<tr>
<td>
<div id="a" name="a" style="display:block">
<? echo latest("basic", "notice", 5, 40); ?>
</div>
<div id="b" name="b" style="display:none">
<? echo latest("basic", "free", 5, 40); ?>
</div>
<div id="c" name="c" style="display:none">
<? echo latest("basic", "qna", 5, 40); ?>
</div></td>
</tr>
</table>
-- 위에 내용수정해서 새로 올립니다.
이거 정상작동 하는 소스구요~ 대충 해결해드린다고 제작햇습니다. 우선 function 너무 반복해서 하나로 줄여 버렷습니다.~ 헤헤~ http://starcom.wo.tc/job/index2.php < 에 잠시 올려놓겟습니다.
넵... 감사합니다~^________^
