스크롤 배너 넣는 간단한 소스, 익스,파폭 정보
스크롤 배너 넣는 간단한 소스, 익스,파폭본문
중앙정렬인지 좌측정렬인지 확인하여
좌측정렬일 경우는 left 값을left:900px; -- 좌측으로부터 원하는 거리만큼 수정
중앙정렬일 경우는 left 값을left:50%; margin-left:300px; -- 중앙에서 떨어진 거리만큼 수정
이렇게 다르게 적용하여야 합니다.
위에서 부터의 거리는 top:200px; -- 위에서 부터 원하는 거리만큼 수정
이렇게 원하는 위치에 놓으시면 됩니다.
아래소스 보시고 응용해 보세요...^^
스크롤을 느리게는 스크립트 소스중 300이라는 숫자를 1000 정도로 올리시면 되시고 빠르게는 100으로 줄이면 됩니다.
head.sub.php 중
<link rel="stylesheet" href="<?=$g4['path']?>/style.css" type="text/css">
소스 아래 아를 추가
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function () {
var cssTop = parseInt($("#sky").css("top"));
$(window).scroll(function () {
var position = $(window).scrollTop();
$("#sky").stop().animate({ "top": (position + cssTop) + "px" }, 300);
});
});
</script>
출력을 원하시는 곳에 아래 소스를 추가
<div id="sky" style="position:absolute; z-index:2;top:200px; left:900px; width:150px; height:50px; border:1px solid gray;">
배너내용넣는곳
</div>
좌측정렬일 경우는 left 값을left:900px; -- 좌측으로부터 원하는 거리만큼 수정
중앙정렬일 경우는 left 값을left:50%; margin-left:300px; -- 중앙에서 떨어진 거리만큼 수정
이렇게 다르게 적용하여야 합니다.
위에서 부터의 거리는 top:200px; -- 위에서 부터 원하는 거리만큼 수정
이렇게 원하는 위치에 놓으시면 됩니다.
아래소스 보시고 응용해 보세요...^^
스크롤을 느리게는 스크립트 소스중 300이라는 숫자를 1000 정도로 올리시면 되시고 빠르게는 100으로 줄이면 됩니다.
head.sub.php 중
<link rel="stylesheet" href="<?=$g4['path']?>/style.css" type="text/css">
소스 아래 아를 추가
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(function () {
var cssTop = parseInt($("#sky").css("top"));
$(window).scroll(function () {
var position = $(window).scrollTop();
$("#sky").stop().animate({ "top": (position + cssTop) + "px" }, 300);
});
});
</script>
출력을 원하시는 곳에 아래 소스를 추가
<div id="sky" style="position:absolute; z-index:2;top:200px; left:900px; width:150px; height:50px; border:1px solid gray;">
배너내용넣는곳
</div>
추천
0
0
댓글 0개