|
이번시간에는 스크롤바를 내리면 따라서 내려가는 레이어를 알아보도록 하겠습니다.
배너뿐만 아니라 여러분야에 활용하실수 있습니다.
우선 아래와 같이 레이어작업을 html로 생성합니다..
banner_div1" style="position:absolute;
left:10px; top:10px; width:65px;
height:20px; z-index:1">
위소스를 보시면 div태그(레이어)안에 테이블과 text 몇자를 적었습니다.
녹색글씨는 레이어의 처음 위치를 나타냅니따. 스크롤에 따라 위치가 변하게 되므로
left위치는 알아서 정하셔야 합니다.
붉은색글씨는 레이어의 크기를 나타 냅니다.
그럼 이제부터 이 레이어를 스크롤바에 따라서 따라 다니도록 자바스크립트를 붙여넣어 보겠습니다.
위 자바스크립트 소스는 분석하려면 자바스크립에 대한 공부를 마니 하셔야 하니 우선
사용자가 수정해서 올릴수 있는 부분만 말씀드리겠습니다.
보라색글씨는 스크롤에 따라 레이어가 움직이더라도 상하 위치를 지정하실수 있습니다../
지금은 150이지만 원하시는 위치값을 넣으시면 됩니다..
실제로 연습해보시면서 해당 값을 바꾸어 보시기 바랍니다.
여기서 가장 중요한것이 바로 파란색 글씨부분 인데요..
html소스와 자바스크립트 소스 둘다 파란색 부분이 들어있을 껍니다.
이것은 레이어의 이름을 나타내게 되는데요. 이 이름은 다르게 작성하더라도 꼭 두이름이 같아야 합니다.
명심하세요.. ^^; |
로딩중 입니다.. 
제목
