웹마스터 팁

  2. Support
  3. 웹마스터 팁

한줄씩 올라가는 뉴스티거용 인데요....제로보드하구는 어케...쩝

2003.07.08 11:27

하나비

제로보드 뉴스게시판 하구 연동을 할려 했더니 무지 어렵네요...
방법아시거나 다른 좋은 소스 있으신면..같이좀..ㅎㅎ
아래 소스는 해당 뉴스가 한줄씩 위로 올라가서 잠시 멈추고 더시 위로 올라갑니다.
"var pause = 1300;" 이값(1.3초)에 따라 올라가서 멈추는 시간을 설정 할 수 있구요,,


<HTML>
<HEAD>
</HEAD>

<body bgcolor="white" text="black" link="blue" vlink="purple" alink="red">
<center>
<table border=0 valign=bottom>
<tr>
<td><IMG SRC="blank.gif"
        NAME="holdspace" ID="holdspace"
        WIDTH="400" HEIGHT="20"
        STYLE="visibility:hidden; position:relative;">
</td>
</tr>
</table>

<Script Language="Javascript">
<!--
// bannerconfig.js

var NS4 = (document.layers) ? true : false;
var IE4 = (document.all) ? true : false;

var interval = 20;
var increment = 1;
var pause = 1300;
var bannerColor = "ffffff";
var leftPadding = 2;
var topPadding = 1;

var bannerLeft = (NS4) ? document.images.holdspace.x :
  holdspace.offsetLeft;
var bannerTop = (NS4) ? document.images.holdspace.y :
  holdspace.offsetTop;
var bannerWidth = (NS4) ? document.images.holdspace.width :
  holdspace.width;
var bannerHeight = (NS4) ? document.images.holdspace.height :
  holdspace.height;

var ar = new Array(
  '<center><tt><font color="#23238e" size=2><b>2001년6월21일</B> : </font><a href="http://korea.internet.com/channel/content.asp?kid=13&nid=14579" target="_new"><font color="#23238e" size=2>돋보기로 이미지 확대해서 보기</center>',
  '<center><tt><font color="#23238e" size=2><b>2001년6월21일</b> : </font><a href="http://korea.internet.com/channel/content.asp?kid=13&nid=14580" target="_new"><font color="#23238e" size=2>예쁜 손목 시계</center>',
  '<center><tt><font color="#23238e" size=2><b>2001년6월21일</B> : </font><a href="http://korea.internet.com/channel/content.asp?kid=13&nid=14581" target="_new"><font color="#23238e" size=2>바탕 화면에 눈 내리는 효과 스크립트</center>',
  '<center><tt><font color="#23238e" size=2><b>2001년6월20일</B> : </font><a href="http://korea.internet.com/channel/content.asp?kid=13&nid=14503" target="_new"><font color="#23238e" size=2>마우스를 따라 다니는 텍스트 문자열</center>',
  '<center><tt><font color="#23238e" size=2><b>2001년6월20일</B> : </font><a href="http://korea.internet.com/channel/content.asp?kid=13&nid=14502" target="_new"><font color="#23238e" size=2>배경 이미지 고정시키는 스크립트</center>',
  '<center><tt><font color="#23238e" size=2><b>2001년6월20일</B> : </font><a href="http://korea.internet.com/channel/content.asp?kid=13&nid=14501" target="_new"><font color="#23238e" size=2>한글이 들어간 문자열 길이 구하기</center>',
  '<center><tt><font color="#23238e" size=2><b>2001년6월19일</B> : </font><a href="http://korea.internet.com/channel/content.asp?kid=13&nid=14482" target="_new"><font color="#23238e" size=2>슬라이딩 효과를 가미한 메뉴</center>',
  '<center><tt><font color="#23238e" size=2><b>2001년6월18일</B> : </font><a href="http://korea.internet.com/channel/content.asp?kid=13&nid=14428" target="_new"><font color="#23238e" size=2>배경색에 페이딩 효과를 주는 스크립트</center>',
  '<center><tt><font color="#23238e" size=2><b>2001년6월14일</B> : </font><a href="http://korea.internet.com/channel/content.asp?kid=13&nid=14354" target="_new"><font color="#23238e" size=2>간단한 DHTML 뉴스 틱커</center>',
  '<center><tt><font color="#23238e" size=2><b>2001년6월14일</B> : </font><a href="http://korea.internet.com/channel/content.asp?kid=13&nid=14353" target="_new"><font color="#23238e" size=2>CSS 효과를 직접 테스트 하기</center>',
  '<center><tt><font color="#23238e" size=2><b>2001년6월22일</B> : </font><a href="http://korea.internet.com/channel/list.asp?cid=189&zid=12" target="_new"><font color="#23238e" size=2>자바스크립트 소스/예제 보기</center>'

);
// banner.js

onload = startBanner;

function showMessage(n, show) {
  var whichEl = (NS4) ? eval("message" + n) :
                        eval("message" + n + ".style");
  whichEl.visibility = (show) ? ((NS4) ? "show" : "visible") :
                                ((NS4) ? "hide" : "hidden");
}

function nextMessage() {
  var fromInd = current;
  current = (fromInd == ar.length - 1) ? 0 : fromInd + 1;
  scrollBanner(fromInd, current);
}

function moveUp() {
  if (NS4) {
    fromEl.top -= increment;
    if (toEl.top - increment <= toElTarget) {
      toEl.top = toElTarget;
      clearInterval(intervalID);
      fromEl.visibility = "hide";
      timeoutID = setTimeout("nextMessage()", pause);
    } else {
      toEl.top -= increment;
    }
  } else {
    fromEl.pixelTop -= increment;
    if (toEl.pixelTop - increment <= toElTarget) {
      toEl.pixelTop = toElTarget;
      clearInterval(intervalID);
      fromEl.visibility = "hidden";
      timeoutID = setTimeout("nextMessage()", pause);
    } else {
      toEl.pixelTop -= increment;
    }
  }
}

function scrollBanner(from, to) {
  if (NS4) {
    fromEl = eval("message" + from);
    toEl = eval("message" + to);
    toEl.top = fromEl.top + bannerHeight;
    toElTarget = fromEl.top;
  } else {
    fromEl = eval("message" + from + ".style");
    toEl = eval("message" + to + ".style");
    toEl.pixelTop = fromEl.pixelTop + bannerHeight;
    toElTarget = fromEl.pixelTop;
  }
  showMessage(to, true); // show the upcoming message
  intervalID = setInterval("moveUp()", interval);
}

function makeIE() {
  // assign the necessary code to a variable
  var text = '<DIV ID="banner" STYLE="position:absolute">';
  for (var i = ar.length - 1; i >= 0; i--) {
    text += '<DIV ID="message' + i +
            '" STYLE="position:absolute"></DIV>';
  }
  text += '</DIV>';

  // insert the code before the end of the document
  document.body.insertAdjacentHTML("BeforeEnd", text);

  // define the main element's properties
  with (banner.style) {
    width = bannerWidth;
    height = bannerHeight;
    clip = "rect(0 " + bannerWidth + " " + bannerHeight + " 0)";
    backgroundColor = bannerColor;
    pixelLeft = bannerLeft;
    pixelTop = bannerTop;
  }

  // define the child elements' properties
  for (i = 0; i < ar.length; i++) {
    with (eval("message" + i + ".style")) {
      visibility = "hidden";
      pixelLeft = leftPadding;
      pixelTop = topPadding;
      width = bannerWidth - leftPadding;
      backgroundColor = bannerColor;
    }
  }
}

function makeNS() {
  // create the main element
  banner = new Layer(bannerWidth);

  // define the main element's properties
  with (banner) {
    clip.right = bannerWidth;
    clip.bottom = bannerHeight;
    document.bgColor = bannerColor;
    left = bannerLeft;
    top = bannerTop;
    visibility = "show";
  }

  // define the child elements' properties
  for (var i = 0; i < ar.length; i++) {
    // create a child element
    eval("message" + i + " = " +
         "new Layer(bannerWidth - leftPadding, banner)");
    with(eval("message" + i)) {
      visibility = "hide";
      left = leftPadding;
      top = topPadding;
      document.bgColor = bannerColor;
    }
  }
}

function fillBanner() {
  var whichEl;
  if (NS4) {
    for (var i = 0; i < ar.length; i++) {
      whichEl = eval("message" + i);
      whichEl.document.write(ar[i]);
      whichEl.document.close();
    }
  } else {
    for (var i = 0; i < ar.length; i++) {
      whichEl = eval("message" + i);
      whichEl.innerHTML = ar[i];
    }
  }
}

function startBanner() {
  if (NS4)
    makeNS()
  else
    makeIE();
  fillBanner();
  showMessage(0, true);
  current = 0;
  timeoutID = setTimeout("nextMessage()", pause);
}
// done hiding -->
</Script>

</body>
</html>
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
나만의 미니홈 만들기 ㅡ 메인 기초 설계 .home.php [12] file 예뜨락 2004.11.17
나만의 미니홈 만들기 ㅡ 메인 기초 설계2 .레이아웃 예뜨락 2004.11.18
나만의 미니홈 만들기 ㅡ 메인 기초 설계3 .레이아웃 [2] file 예뜨락 2004.11.19
나만의 미니홈 만들기 ㅡ 기초적인 관리 페이지 [3] file 예뜨락 2004.11.20
나만의 미니홈 만들기 ㅡ 미니홈 생성 페이지 [3] file 예뜨락 2004.11.20
나만의 미니홈 만들기 ㅡ 게시판의 디자인 file 예뜨락 2004.11.22
나만의 미니홈 만들기 ㅡ 게시판 list.php 파일의 모양새 [6] 예뜨락 2004.11.23
나만의 미니홈 만들기 ㅡ list.php , 디비 테이블 생성 [6] file 예뜨락 2004.11.26
나만의 미니홈 만들기 ㅡ view.php 파일과 제목링크 [9] file 예뜨락 2004.11.27
나만의 미니홈 만들기 ㅡ write.php 파일과 write_ok [5] 예뜨락 2004.11.30
실명 진위여부 확인 [10] piasol 2004.12.01
개판 오분전 라인 그래프 [4] 미친개 2004.12.01
'참조'에 관한 간단한 예제 플로렐라 2004.12.09
4. 쿼리문 [6] 티다 2004.12.11
나만의 미니홈 만들기 ㅡ메뉴에 게시판 연결 [5] file 예뜨락 2004.12.17
IE 에서도 투명 알파값이 적용된 PNG 이미지를 맘껏 활용하자! [8] file THE PAPER™ 2004.12.27
"를 그냥 사용하기 [3] 추천대화상대 2005.01.02
나만의 미니홈 만들기 ㅡ delete.php 파일 [2] 예뜨락 2005.01.03
퍼미션을 보기좋게 구하자! [4] 플로렐라 2005.01.03
PHP 왕초보 입문기(총괄) [4] file 하나둘 2005.01.15
태그 쓰기