묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
테이블의 롤오버 셀 만드는 소스좀 부탁드려여
2006.07.24 12:22
나모에서 FX버전에서는 롤오버 셀을 만드는 툴이 있는거 같은데...
일반 html소스로는 공개된 것이 없어서 많이 난감하네요...
염치 불구하지만...^^;; 소스좀 부탁드립니다...
일반 html소스로는 공개된 것이 없어서 많이 난감하네요...
염치 불구하지만...^^;; 소스좀 부탁드립니다...
맞다면 아래 참고,,
<html>
<head>
<title> New Document </title>
<style type=text/css>
<!--
.td-out {background-image: none}
.td-over {background-image: url(http://www.12ru.com/bbs/skin/12_bbs/images/list_bgimg.gif)}
-->
</style>
</head>
<body>
<table width="500px" cellSpacing="0" cellpadding="0" border="1">
<tr onMouseOver="this.style.backgroundColor='#e4e4e4'" onMouseOut="this.style.backgroundColor='+ '+ ''">
<td>내용 어쩌구 저쩌구</td>
</tr>
<tr onMouseOver="this.style.backgroundColor='#e4e4e4'" onMouseOut="this.style.backgroundColor=''">
<td>내용 어쩌구 저쩌구</td>
</tr>
<tr onMouseOver="this.style.backgroundColor='#e4e4e4'" onMouseOut="this.style.backgroundColor=''+ '">
<td>내용 어쩌구 저쩌구</td>
</tr>
</table>
<br /><br />
아래는 배경이미지를 불러올때
<br /><br />
<table width="500px" cellSpacing="0" cellpadding="0" border="0">
<tr>
<td height="28px" onmouseover="this.className='+ 'td-over'" onmouseout="this.className='td-out'" onclick="this.className='td-over'">내용 어쩌구 저쩌구</td>
</tr>
<tr>
<td height="28px" onmouseover="this.className='td-over'" onmouseout="this.className='td-out'" onclick="this.className='td-over'">내용 어쩌구 저쩌구</td>
</tr>
<tr>
<td height="28px" onmouseover="this.className='td-over'" onmouseout="this.className='td-out'" onclick="this.className='+ 'td-over'">내용 어쩌구 저쩌구</td>
</tr>
</table>
</body>
</html>