간단한 스크롤박스 만들기
<style>
/* 스크롤박스 & 스크롤바 */
.TDscrollbar {
SCROLLBAR-FACE-COLOR: #ededed;
FONT-SIZE: 9pt;
SCROLLBAR-HIGHLIGHT-COLOR: #fafafa;
SCROLLBAR-SHADOW-COLOR: #bdbdbd; COLOR: black;
SCROLLBAR-3DLIGHT-COLOR: #ffffff;
SCROLLBAR-ARROW-COLOR: #89a0bc;
SCROLLBAR-TRACK-COLOR: #F7FFFF;
FONT-FAMILY: 굴림;
SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
}
#scrollbox {
width:320;
height:520;
overflow:auto;
padding:10px;
border:0;
border-style:solid;
border-color:black;
}
</style>
테이블 부분
<table style="width: 320; border: 0;" align="left">
<tr>
<td height="60px">
<div id="scrollbox" class=TDscrollbar>
<p>
// 테이블 내용
</p>
<p>
// 테이블 내용
</p>
<p>
// 테이블 내용
</p>
</div>
</td>
</tr>
</table>
'Programming > javascript' 카테고리의 다른 글
[javascript] apply() & call() (0) | 2014.09.02 |
---|---|
[javascript] jQuery + html5 에서 스크립트 실행순서 (0) | 2014.09.02 |
[javascript] Enter 키 처리 (0) | 2014.08.14 |
[javascript] Object object 값 보는 방법 (0) | 2014.03.31 |
[javascript] 공백제거 (0) | 2014.03.25 |