플로팅배너소스 해상도상관없고 다작동하는것 자동스크롤 > 그누4 팁자료실

그누4 팁자료실

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요.
나누면 즐거움이 커집니다.

플로팅배너소스 해상도상관없고 다작동하는것 자동스크롤 정보

플로팅배너소스 해상도상관없고 다작동하는것 자동스크롤

본문

그누에꺼 써보니깐 해상도 줄이면 밀려나고
크롬파폭 같은건 막 이상있어서
못쓰겟더라구요
 
뉴스사이트 에서 구해온
 
<!-- 왼쪽 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>
 
=========================================================================
 
한가지 팁
왼쪽으로 사용하시고 싶으시면
<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>
 
수정하시고 사용하시면되요 ㅎㅎ


추천
3

댓글 4개

전체 22 |RSS
그누4 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1402호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT