리얼클릭 플로팅 배너 소스
사용중인 리얼클릭 플로팅배너 소스입니다.제이쿼리를 이용해 만들었습니다.
원래는 특정 div태그의 위치를 기준으로 했는데 그냥 간단하게 좌측을 기준으로 했습니다.
원래는 특정 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부분을 아래처럼 해주시면 됩니다.
* 혹시 240X240배너를 사용하시분은 css부분을 아래처럼 해주시면 됩니다.
.rc_ban{width:240px; height:250px;position:absolute; top: 70px;z-index:999;}
높이에 10px를 더한이유는 닫기가 있기때문입니다.
높이에 10px를 더한이유는 닫기가 있기때문입니다.
* 좌우위치는 아래 소스부분의 "left":0 부분을 수정해주시면 됩니다.
$("div.rc_ban").animate({"top":position+cT+"px","left":0 +"px"},10);
위 소스는 좌측에 딱붙은 소스이고 10px정도 띄우고 싶으시면 "left":10 요렇게 해주시면 됩니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 6개