|
오른쪽에 있는 사이트맵과 같이 화면이 위아래로 스크롤될 경우 그 위치를 따라서 움직이는 레이어를 만드는 방법..
1. 먼저 위의 float.js 파일을 다운받아 계정에 올린다.
2. 그리고 추가하려는 페이지에 다음과 같은 코드를 <head>와 </head>사이에 삽입한다.
<script language="Javascript" src="http://www.nicegunil.net/float.js"></script>
<style type="text/css">
<!--
#floater {Z-INDEX: 10; VISIBILITY: visible; POSITION: absolute;}
-->
</style>
여기서 float.js의 경로는 각자 적당한 위치로 변경하여야 한다.
3. <body> 아래에 다음과 같은 코드를 삽입한다.
<DIV id=floater style="LEFT: 760px; TOP: 0px; z-index: 10; width: 8; height: 300px; visibility: visible" align=left>
//레이어에 나타날 적당한 이미지나 테이블코드 삽입
</div>
여기서 LEFT와 TOP의 값이 레이어가 계속 유지될 위치이므로 적당히 변경한다. 또한 레이어의 크기에 맞춰 height와 width의 값도 변경한다.
그럼 끝~ |
|
20 
1/1 
