반응형
html 코드
<!-- Floating banner -->
<div id="floating_banner">
<a href="#">배너</a>
</div>
<script type="text/javascript" src="/script/quick.js"></script>
<!--// Floating banner -->
js 코드
/* Floating Banner */
var quick_menu = $('#floating_banner');
var quick_top = 130; //top
quick_menu.css('top', $(window).height() );
$(document).ready(function(){
quick_menu.animate( { "top": $(document).scrollTop() + quick_top +"px" }, 130 );
$(window).scroll(function(){
quick_menu.stop();
quick_menu.animate( { "top": $(document).scrollTop() + quick_top + "px" }, 200 );
});
});
반응형
'Web > javascript & jQuery' 카테고리의 다른 글
레이어팝업 (0) | 2013.03.20 |
---|---|
스크롤 따라 움직이는 레이어 (0) | 2012.11.16 |
gnb, lnb, 타이틀 자동으로 제어하기 (0) | 2012.11.16 |
a 링크 클릭시 점선 테두리 없애기 (0) | 2012.11.16 |
이미지 롤오버 스크립트로 제어하기 (0) | 2012.11.16 |