회원가입∴아이디/비번찾기
홈으로


한줄씩 올라가는 뉴스티거용
홈페이지홈페이지 23년 전
아래 소스는 해당 뉴스가 한줄씩 위로 올라가서 잠시 멈추고 더시 위로 올라갑니다.
"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>
추천추천 : 561 추천 목록
번호 제목
2,891
입력 필드에서 특정단어(예:#err)가 포함되었을 때 실시간 감지 및 경고창 띄우기
2,890
데이터베이스 최적화와 쿼리 효율성을 높이 검색 성능을 개선하는 방법
2,889
간단한 게시판 만들기
2,888
PHP의 php.ini 파일에서 설정할 수 있는 주요 항목들을 카테고리별로 정리
2,887
유튜브 동영상의 썸네일 이미지를 체크하여 유효한 영상이아닐때 연결된 체크박스를 자동으로 체크
2,886
이미지 URL이 유효하지 않을 때, 해당 이미지와 연결된 체크박스를 자동으로 체크
2,885
HTTPS로 접속한 사용자를 강제로 HTTP로 리디렉션 하려면
2,884
PHP에서 MP3 파일을 직접 읽고 스트리밍 하기
2,883
현재 페이지가 location.reload()에 의해 새로고침되었는지
2,882
텍스트 파일을 읽고, 각 줄의 끝에서 6글자를 삭제한 후, 결과를 새로운 파일에 저장합니다.
2,881
cURL을 사용하여 리다이렉트를 따라가 최종 URL 가져오기
2,880
[PHP] $_SERVER 환경변수
2,879
10진수 <-> 16진수 변환기 PHP소스
2,878
텍스트에 직접 그라데이션 색상을 적용하려면?
2,877
CSS를 사용하여 요소의 내용물에 따라 width를 조정하는 방법
2,876
웹서버 ip 확인
2,875
웹호스팅의 절대경로를 확인
2,874
input 입력 필드 앞뒤 공백 실시간 제거
2,873
Placeholder 포커스시 감추기
2,872
MySQL 중복된 데이터를 삭제
2,871
MySQL 중복 데이터 확인
2,870
sessionStorage.getItem 와 sessionStorage.setItem
2,869
제이쿼리 랜덤으로 배경색 변경
2,868
preg match에 관한 정규식
2,867
Stream an audio file with MediaPlayer 오디오 파일 스트리밍 하기
2,866
Audio Streaming PHP Code
2,865
PHP $ SERVER 환경 변수 정리
2,864
Vimeo (비메오) API 를 사용하여 플레이어 컨트롤하기
2,863
iframe 사용시 하단에 발생하는 공백 제거방법
2,862
아이프레임(iframe) 전체화면 가능하게 하기
목록
뮤직트로트 부산광역시 부산진구 가야동 ㅣ 개인정보취급방침ㅣ모바일버전
Copyright ⓒ musictrot All rights reserved.