리얼클릭 플로팅 배너 소스 > 십년전오늘

십년전오늘

10년전 추억의 책장을 넘기며
출석체크 포인트가위바위보 포인트야구게임

리얼클릭 플로팅 배너 소스 정보

리얼클릭 플로팅 배너 소스

본문

사용중인 리얼클릭 플로팅배너 소스입니다.제이쿼리를 이용해 만들었습니다.
원래는 특정 div태그의 위치를 기준으로 했는데 그냥 간단하게 좌측을 기준으로 했습니다.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<!--플로팅배너-->
<style>
.rc_ban{width:120px; height:610px;position:absolute; top: 70px;z-index:999;}
</style>
<div class="rc_ban">
<!--리얼클릭 태그시작-->

여기에 리얼클릭 태그를 넣어주세요

<!--리얼클릭 태그끝 -->
<div id="close" style="text-align:center;background:#000;color:#fff;cursor:hand;">닫 기</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
var cT = $("div.rc_ban").offset().top;

$(window).scroll(function() {
var position = $(window).scrollTop();
$("div.rc_ban").animate({"top":position+cT+"px","left":0 +"px"},10);
});

$("div#close").live("mousedown",function(){
$("div.rc_ban").hide();
});
});
</script>
<!--플로팅배너-->


* 혹시 240X240배너를 사용하시분은 css부분을 아래처럼 해주시면 됩니다.
.rc_ban{width:240px; height:250px;position:absolute; top: 70px;z-index:999;}
높이에 10px를 더한이유는 닫기가 있기때문입니다.

* 좌우위치는 아래 소스부분의 "left":0 부분을 수정해주시면 됩니다.
$("div.rc_ban").animate({"top":position+cT+"px","left":0 +"px"},10);
위 소스는 좌측에 딱붙은 소스이고 10px정도 띄우고 싶으시면 "left":10 요렇게 해주시면 됩니다.


  • 복사

댓글 전체

목록
문의 PC 버전
© SIRSOFT
현재 페이지 제일 처음으로