'플로팅 배너'에 해당되는 글 5건

  1. 2009.09.21 [jquery] 스크롤 따라 다니는 레이어 배너 or 메뉴 (중앙정렬용) #2 (2)

[jquery] 스크롤 따라 다니는 레이어 배너 or 메뉴 (중앙정렬용) #2

업데이트 되었습니다.
2009/10/12 - [웹 프로그래밍/JavaScript] - 스크롤 따라 다니는 레이어 배너 or 메뉴 (중앙정렬용) #3


아래처럼 바꿔어 봤습니다.
레이어로 쓸 ID만 floating으로 하고 values 라는 속성을 주고 값만 json 비스무레 하게 두면 됩니다.

이름/값은 다음과 같다..(기본값)
pageWidth :  컨텐츠의 폭(기본값 0)
leftOffet : 중앙에서 오른쪽으로 얼마나 떨어질 것 인가?(기본값 0)
topOffset : 위에서 얼마나 떨어질것인가?(기본값 0)
leftMargin : pageWidth보다 작을때 왼쪽에서 얼마나 떨어질것인가? (기본값 0)
speed : 움직일 속도 (기본값 1000msec)
easing : 움직이는 방법 (easing 플러그인을 안쓴다면 linear와 swing 두가지, 기본값 linear)
zindex : zindex 깊이.. (사용 안해도 그닥..기본값 10)


jQuery 플러그인처럼 만들까 싶다가.. 솔직히 귀찮기도 하고 이것 만으로도 매우 만족하기 때문에 앞으로 개량 할 일은 없을 것 같습니다..  -한 페이지에 두개이상은 안됩니다만.. 뭐 두개 쓸일이 아직은 없었기 때문에.. 앞으로 개량이 된다면 그 정도일것 같습니다.-

아래것을 쓰던 이것을 쓰던 동작에는 아무런 차이가 없습니다..
페이지별로 날개 배너의 위치라던가 뭐 그런게 다르면 이걸 쓰면 되고요..

아래는 1편..
2009/08/16 - [웹 프로그래밍/JavaScript] - 스크롤 따라 다니는 레이어 배너 or 메뉴

ps. 역시나 능력자님들께서는 알아서 고쳐 쓰시길.. 하긴 능력자는 이걸 복사해 쓰지도 않겠지만 말입니다..ㅎㅎ  머 오는 사람이있어야..
Posted by TheBits

댓글을 달아 주세요

  1. 날개 레이어를 스크롤 따라 만들어 보려고 하는데 님의 소스를 어떻게 써야 하는지 모르겠네요 T.T 제가 너무 몰라서요 T.T
    소스를 어디다 넣어서 사용을 하는 건가요???
    <style type="text/css">
    <!--
    #itemview {
    position:absolute;left:expression((document.body.clientWidth)/2+500); top:700px; width:0; height:0;
    }
    -->
    </style>
    현재는 이렇게 해서 고정 배너로 사용 하고 있는데요 간지나는 스크롤 따라다니는 레이어 배너를 만들고 싶습니다. 중앙정렬이되는걸루요.
    myer-af@gmail.com
    여기로 답변을 부탁드립니다.

    • http://blog.bits.kr/124 에 최종버전 있습니다..
      사용법은 포스트를 참조하시고 바랍니다.
      예제와 같이 파일에 첨부되어 있습니다.