반응형 배너2 [JS] 스크롤시 사라지는 jQuery 배너 플러그인 1. 플러그인 개요 화면 특정 위치에 배너를 고정하고 스크롤시 배너가 스르륵 사라졌다가 스크롤이 끝나면 다시 스르륵 나타나도록 하는 jQuery 플러그인입니다. 2. 메커니즘 jQuery에 있는 scroll 내장함수와 JavaScript의 Interval 기능을 조합하였습니다. 3. 사용법 배너를 감싸고 있는 division에 floatBanner 메소드를 걸어줍니다. wrapperId : division 이름 animateTime : 배너가 완전히 사라지는데까지 혹은 나타나는데까지 걸리는 시간 intervalTime : 스크롤이 멈추고 배너가 나타는대까지 시간 bottom : 배너의 위치 width : 배너의 크기 $("#pop").floatBanner({ "wrapperId" : "pop", "ani.. 2013. 7. 30. [JS] jQuery를 이용한 스크롤배너 플러그인 jQuery를 이용한 스크롤배너 플러그인 입니다. **버그수정** 메소드명 수정 : 기존메소드(scroll)명을 변경했습니다. 변경된 이름은 scrollBanner 입니다. ** 사용법 ** jQuery 라이브러리와 아래의 JS가 추가된 상태에서 배너 DIV에 scroll 함수를 실행합니다. 옵션값들중에 필수 값이 있으니 옵션값 누락시 예외가 떨어질수 있습니다. $(".cContents").scrollBanner({ "cContentsClass" : "cContents", //스크롤을 감싸고 있는 영역(DIV)의 클래스명 "cContentsWidth" : "100%", //스크롤을 감싸고 있는 영역(DIV)의 넓이 "cContentsHeight" : "160px", //스크롤을 감싸고 있는 영역(DIV).. 2013. 7. 22. 이전 1 다음 반응형