이전
목록
다음
엄

게시판 리스트 화면에서 마우스오버시 백그라운드 색 변하는 효과?

엄크
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 12년 전 · 4443 · 8
예시 : http://www.ggaeal.com/bbs/board.php?bo_table=humor

저번에도 질문했는데 감이 안 잡혀서 또 질문합니다 .. ㅎㅎㅋ
|

댓글 8개

강강한남v
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
테이블 <TR>태크에 onmouseover하고 onmouseout 이벤트에 스타일 적용해주시면 될것 같습니다.

예시
<tr onMouseOver='this.style.backgroundColor="#b8dcee"' onMouseOut='this.style.backgroundColor=""' style="cursor:hand">

색상은 원하시는 색상으로...^^
엄엄크
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
css로 하는법은 없나요?
강강한남v
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
<style type=”text/css”>
td.off { background: #cccccc;}
td.on { background: #b8dcee;}
</style>

<tr class=”off” onmouseover=”this.className=’on‘” onmouseout=”this.className=’off‘”>
엄엄크
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
list.skin에 그대로 붙혀넣기하면 되나요? ㅎㅎ
강강한남v
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
스타일에 오타가 있네요.ㅠ
td를 tr로 ..ㅋㅋㅋ

list.skin에 넣으신다고요??
제가 현재 사용하시는 스킨에 어떤 스타일이 적용된지 몰라서...
엄엄크
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
<tr class=”off” onmouseover=”this.className=’on‘” onmouseout=”this.className=’off‘”>

이건 style에 넣어도 적용 안되는거로 알고 있는데 아닌가여 ?ㅋ
강강한남v
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
[code]
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN" “http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Table Background Change</title>
<style type="text/css">
tr.off {background:#ffffff}
tr.on {background:#999999}
</style>
</head>
<body>
<table width="700" cellpadding="3">
<tr>
<td>No.</td>
<td>제목</td>
<td>글쓴이</td>
<td>작성일</td>
</tr>
<tr class="off" onmouseover="this.className='on'" onmouseout="this.className='off'">
<td>No.</td>
<td>게시판입니다.</td>
<td>홍길동</td>
<td>2013-09-17</td>
</tr>
<tr class="off" onmouseover="this.className='on'" onmouseout="this.className='off'">
<td>No.</td>
<td>게시판입니다.</td>
<td>홍길동</td>
<td>2013-09-17</td>
</tr>
<tr class="off" onmouseover="this.className='on'" onmouseout="this.className='off'">
<td>No.</td>
<td>게시판입니다.</td>
<td>홍길동</td>
<td>2013-09-17</td>
</tr>
<tr class="off" onmouseover="this.className='on'" onmouseout="this.className='off'">
<td>No.</td>
<td>게시판입니다.</td>
<td>홍길동</td>
<td>2013-09-17</td>
</tr>
</table>
</body>
</html>
[/code]
엄엄크
프로필 보기이 회원 글보기이 회원의 댓글보기
 12년 전
<!-- 게시판 목록 시작 -->
<tr onMouseOver='this.style.backgroundColor="#b8dcee"' onMouseOut='this.style.backgroundColor="#d4d4d4"' style="cursor:hand">
<table width="<?=$width?>" align="center" cellpadding="0" cellspacing="0"><tr><td>

<!-- 분류 셀렉트 박스, 게시물 몇건, 관리자화면 링크 -->
<div class="board_top">
<div style="float:left;">
<form name="fcategory" method="get" style="margin:0px;">
<? if ($is_category) { ?>
<select name=sca onchange="location='<?=$category_location?>'+<?=strtolower($g4[charset])=='utf-8' ? "encodeURIComponent(this.value)" : "this.value"?>;">
<option value=''>전체</option>
<?=$category_option?>
</select>
<? } ?>
</form>
</div>
<div style="float:right; margin-bottom:10px;">
<img src="<?=$board_skin_path?>/img/icon_total.gif" align="absmiddle" border='0'>
<span style="color:#888888; font-weight:bold;">전체 <?=number_format($total_count)?></span>
<? if ($rss_href) { ?><a href='<?=$rss_href?>'><img src='<?=$board_skin_path?>/img/btn_rss.gif' border='0' align="absmiddle"></a><?}?>
<? if ($admin_href) { ?><a href="<?=$admin_href?>"><img src="<?=$board_skin_path?>/img/btn_admin.gif" border='0' title="관리자" align="absmiddle"></a><?}?>
</div>
</div>

<!-- 제목 -->
<form name="fboardlist" method="post">
<input type='hidden' name='bo_table' value='<?=$bo_table?>'>
<input type='hidden' name='sfl' value='<?=$sfl?>'>
<input type='hidden' name='stx' value='<?=$stx?>'>
<input type='hidden' name='spt' value='<?=$spt?>'>
<input type='hidden' name='page' value='<?=$page?>'>
<input type='hidden' name='sw' value=''>

<table cellspacing="0" cellpadding="0" class="board_list">
<col width="50" />
<? if ($is_checkbox) { ?><col width="40" /><? } ?>
<col />
<col width="110" />
<col width="40" />
<col width="50" />
<? if ($is_good) { ?><col width="40" /><? } ?>
<? if ($is_nogood) { ?><col width="40" /><? } ?>
<tr>
<th>번호</th>
<? if ($is_checkbox) { ?><th><input onclick="if (this.checked) all_checked(true); else all_checked(false);" type="checkbox"></th><?}?>
<th>제   목</th>
<th>글쓴이</th>
<th><?=subject_sort_link('wr_datetime', $qstr2, 1)?>날짜</a></th>
<th><?=subject_sort_link('wr_hit', $qstr2, 1)?>조회</a></th>
<? if ($is_good) { ?><th><?=subject_sort_link('wr_good', $qstr2, 1)?>추천</a></th><?}?>
<? if ($is_nogood) { ?><th><?=subject_sort_link('wr_nogood', $qstr2, 1)?>비추천</a></th><?}?>
</tr></tr>


----------
th -> td?

list.skin파일 맞죠?
댓글을 작성하시려면 로그인이 필요합니다.

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기 기존 게시물은 열람만 가능합니다.

+
제목 글쓴이 날짜 조회
12년 전 조회 1,635
12년 전 조회 1,945
12년 전 조회 2,717
12년 전 조회 1,631
12년 전 조회 1,552
12년 전 조회 1,565
12년 전 조회 1,555
12년 전 조회 987
12년 전 조회 975
12년 전 조회 4,444
12년 전 조회 1,644
12년 전 조회 1,193
12년 전 조회 1,074
12년 전 조회 1,041
12년 전 조회 1,564
12년 전 조회 1,669
12년 전 조회 1,087
12년 전 조회 821
12년 전 조회 1,848
12년 전 조회 1,320
이전 첫 페이지 다음
글쓰기