플로팅배너소스 해상도상관없고 다작동하는것 자동스크롤
그누에꺼 써보니깐 해상도 줄이면 밀려나고
크롬파폭 같은건 막 이상있어서
못쓰겟더라구요
뉴스사이트 에서 구해온
<!-- 왼쪽 sky스크래퍼 스크립트-->
<script type="text/javascript">
function initMoving(target, position, topLimit, btmLimit) {
if (!target)
return false;
var obj = target;
obj.initTop = position;
obj.topLimit = topLimit;
obj.bottomLimit = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) - btmLimit - obj.offsetHeight;
obj.style.position = "absolute";
obj.top = obj.initTop;
obj.left = obj.initLeft;
if (typeof(window.pageYOffset) == "number") { //WebKit
obj.getTop = function() {
return window.pageYOffset;
}
} else if (typeof(document.documentElement.scrollTop) == "number") {
obj.getTop = function() {
return Math.max(document.documentElement.scrollTop, document.body.scrollTop);
}
} else {
obj.getTop = function() {
return 0;
}
}
if (self.innerHeight) { //WebKit
obj.getHeight = function() {
return self.innerHeight;
}
} else if(document.documentElement.clientHeight) {
obj.getHeight = function() {
return document.documentElement.clientHeight;
}
} else {
obj.getHeight = function() {
return 500;
}
}
obj.move = setInterval(function() {
if (obj.initTop > 0) {
pos = obj.getTop() + obj.initTop;
} else {
pos = obj.getTop() + obj.getHeight() + obj.initTop;
//pos = obj.getTop() + obj.getHeight() / 2 - 15;
}
if (pos > obj.bottomLimit)
pos = obj.bottomLimit;
if (pos < obj.topLimit)
pos = obj.topLimit;
interval = obj.top - pos;
obj.top = obj.top - interval / 3;
obj.style.top = obj.top + "px";
}, 30)
}
</script>
<!--// 왼쪽 sky스크래퍼 스크립트-->
<style>
#divScroll {width:120px; position:absolute; left:50%; top:100px; z-index:100; margin-left:-640px;}
</style>
<!--<div id="memo" style="position:absolute;left:0px; top:100px; z-index:1">-->
<div id="divScroll"><script language="java-script" src="http://adimg.wisenut.co.kr/common/js/amc/wiseAdSvc.pj?code=2e56f373c05f630c1e827a99df23d6b1" type="text/javascript"></script></div>
<script type="text/javascript">initMoving(document.getElementById("divScroll"), 50, 100, 50);</script>
<script type="text/javascript">
function initMoving(target, position, topLimit, btmLimit) {
if (!target)
return false;
var obj = target;
obj.initTop = position;
obj.topLimit = topLimit;
obj.bottomLimit = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) - btmLimit - obj.offsetHeight;
obj.style.position = "absolute";
obj.top = obj.initTop;
obj.left = obj.initLeft;
if (typeof(window.pageYOffset) == "number") { //WebKit
obj.getTop = function() {
return window.pageYOffset;
}
} else if (typeof(document.documentElement.scrollTop) == "number") {
obj.getTop = function() {
return Math.max(document.documentElement.scrollTop, document.body.scrollTop);
}
} else {
obj.getTop = function() {
return 0;
}
}
if (self.innerHeight) { //WebKit
obj.getHeight = function() {
return self.innerHeight;
}
} else if(document.documentElement.clientHeight) {
obj.getHeight = function() {
return document.documentElement.clientHeight;
}
} else {
obj.getHeight = function() {
return 500;
}
}
obj.move = setInterval(function() {
if (obj.initTop > 0) {
pos = obj.getTop() + obj.initTop;
} else {
pos = obj.getTop() + obj.getHeight() + obj.initTop;
//pos = obj.getTop() + obj.getHeight() / 2 - 15;
}
if (pos > obj.bottomLimit)
pos = obj.bottomLimit;
if (pos < obj.topLimit)
pos = obj.topLimit;
interval = obj.top - pos;
obj.top = obj.top - interval / 3;
obj.style.top = obj.top + "px";
}, 30)
}
</script>
<!--// 왼쪽 sky스크래퍼 스크립트-->
<style>
#divScroll {width:120px; position:absolute; left:50%; top:100px; z-index:100; margin-left:-640px;}
</style>
<!--<div id="memo" style="position:absolute;left:0px; top:100px; z-index:1">-->
<div id="divScroll"><script language="java-script" src="http://adimg.wisenut.co.kr/common/js/amc/wiseAdSvc.pj?code=2e56f373c05f630c1e827a99df23d6b1" type="text/javascript"></script></div>
<script type="text/javascript">initMoving(document.getElementById("divScroll"), 50, 100, 50);</script>
=========================================================================
한가지 팁
왼쪽으로 사용하시고 싶으시면
<style>
#divScroll {width:120px; position:absolute; left:50%; top:100px; z-index:100; margin-left:-640px;}
</style>
#divScroll {width:120px; position:absolute; left:50%; top:100px; z-index:100; margin-left:-640px;}
</style>
수정하시면 되구요
===============================================================
양쪽다 사용하시고 싶으시면
<style>
#divScroll {width:120px; position:absolute; left:50%; top:100px; z-index:100; margin-left:-640px;}
</style>
<!--<div id="memo" style="position:absolute;left:0px; top:100px; z-index:1">-->
<div id="divScroll"><script language="java-script" src="http://adimg.wisenut.co.kr/common/js/amc/wiseAdSvc.pj?code=2e56f373c05f630c1e827a99df23d6b1" type="text/javascript"></script></div>
#divScroll {width:120px; position:absolute; left:50%; top:100px; z-index:100; margin-left:-640px;}
</style>
<!--<div id="memo" style="position:absolute;left:0px; top:100px; z-index:1">-->
<div id="divScroll"><script language="java-script" src="http://adimg.wisenut.co.kr/common/js/amc/wiseAdSvc.pj?code=2e56f373c05f630c1e827a99df23d6b1" type="text/javascript"></script></div>
수정하시고 사용하시면되요 ㅎㅎ
댓글 4개
13년 전
감사합니다. ^^; 댓글 다는 센스~
13년 전
감사합니다. ^^; 댓들 다는 센스~ {2}
aquaroot
6년 전
감사합니다. 좋은 정보 잘 활용 하겠습니다.
6년 전
지금도 되는건가요....
게시판 목록
그누4 팁자료실
그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.
나누면 즐거움이 커집니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3249 |
|
11년 전 | 6323 | |
| 3248 | 11년 전 | 6074 | ||
| 3247 |
|
11년 전 | 5433 | |
| 3246 | 11년 전 | 7163 | ||
| 3245 | 11년 전 | 4555 | ||
| 3244 | 11년 전 | 5218 | ||
| 3243 | 11년 전 | 5669 | ||
| 3242 |
|
11년 전 | 6515 | |
| 3241 |
saintbe
|
11년 전 | 5657 | |
| 3240 |
|
11년 전 | 5377 | |
| 3239 |
|
11년 전 | 3944 | |
| 3238 |
sahara
|
11년 전 | 5115 | |
| 3237 |
커네드커네드
|
11년 전 | 4661 | |
| 3236 |
|
11년 전 | 6916 | |
| 3235 |
사노라가노라
|
11년 전 | 3967 | |
| 3234 | 11년 전 | 4769 | ||
| 3233 | 11년 전 | 7911 | ||
| 3232 | 11년 전 | 8207 | ||
| 3231 | 11년 전 | 4985 | ||
| 3230 |
다케미카코
|
11년 전 | 5998 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기