[javascript] 배경 고정/스크롤 하기
배경 고정/스크롤 하기
- background-image : 배경이미지를 설정합니다.
-- url() : 해당 문서의 URL을 설정합니다.
ex)background-image : url("image/patten.gif");
- background-attachment : 배경이미지의 고정/스크롤 유무를 설정합니다.
-- fixed : 배경이미지를 고정시킵니다.
-- scroll : 배경이미지를 스크롤시킵니다. 초기값입니다.
- background-repeat : 배경이미지의 반복유무를 설정합니다.
-- no-repeat : 반복하지 않습니다.
-- repeat : 바둑판식으로 반복합니다.
-- repeat-x : 가로식으로 반복합니다.
-- repeat-y : 세로식으로 반복합니다.
----------------------------------------------------------------------------------------
<html>
<head>
<style type="text/css">
<!--
p {
border : 2px #808060 solid;
font-weight : bold;
font-size : 9pt;
color : #d08050;
width : 140px;
height : 120px;
overflow : scroll;
background-image : url("http://cafefiles.naver.net/data23/2006/5/27/279/drop.jpg");
background-repeat : repeat;
}
p.fixed { background-attachment : fixed; }
-->
</style>
</head>
<body>
<table cellpadding=10>
<tr>
<td>
<p>
움직여 봅시다.
<br><br><br><br><br><br>
배경이 움직입니다.
<br><br><br><br><br><br>
</p>
</td>
<td>
<p class="fixed">
움직여 봅시다.
<br><br><br><br><br><br>
배경이<br>
고정되었습니다.
<br><br><br><br><br><br>
</p>
</td>
</tr>
</table>
</body>
</html>
출처: 인터넷
'IT-개발,DB' 카테고리의 다른 글
| 2015년 SW기술자 등급별 일 노임단가 (현실과 괴리) (0) | 2016.03.12 |
|---|---|
| 2008년 SW기술자 등급별 일 노임단가 (0) | 2016.03.12 |
| [javascript/자바스크립트] 박스안 리스트설정 (0) | 2016.02.25 |
| [개발/MFC] LPSTR LPCTSTR 위험 CStrgin -> char 으로 변환 (0) | 2016.02.04 |
| [개발/VC++/MFC] CString ↔ char 변환 (0) | 2016.02.04 |
댓글