javascript 팁이 있는 곳입니다.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 109

17

조회 수 : 5064 신고 : 0

profile
작성자 : title: [ani]깜빡이는 표정빽짱구
포인트 : 56933 | 레벨 : 25
미리보기 :  
<body>사이에 아래의 소스를 삽입합니다.

<BODY bgproperties="fixed"> <SCRIPT lan var scrolleguage=JavaScript>

var scrollerwidth = 100;
var scrollerheight = 77;
var scrollerbgcolor = '';
var scrollerbackground = 'red';
var num = 5;
var scrollspeed = '5000';
var waitingtime = '10';
var messages = new Array();

messages[0] =  "<table align=center cellpadding=0 cellspacing=0 width=105><tr><td><font color=red>+ 가입인사하기 +</font><br>새로 가족되신분 방명록에 인사해주세요.^^</br></td></tr></table>";        

messages[1] =  "<table align=center cellpadding=0 cellspacing=0 width=105><tr><td><font color=red>+ 폼메일 서비스 +</font><br>메인페이지나 ABOUT페이지에 있으니, 메일은 여기에서 보내세요.</td></tr></table>";        

messages[2] =  "<table align=center cellpadding=0 cellspacing=0 width=105><tr><td><font color=red>+ 채팅방 서비스 +</font><br>저와 채팅하실분 <br>쪽지 보내주세요. <br>시간도 적어주세요.</br></td></tr></table>";        

messages[3] =  "<table align=center cellpadding=0 cellspacing=0 width=105><tr><td><font color=red>+ 아이콘샵 이용 +</font><br>PDS아이콘샵에서 구매!<br>제목앞에 적용! </td></tr></table>";
  
messages[4] =  "<table align=center cellpadding=0 cellspacing=0 width=105><tr><td><font color=red>+ 공지사항 필독 +</font><br>각해당 게시판 공지사항 필독해주세요<br><font color=blue>읽는버릇을 가집시다.</font></br></td></tr></table>";

if (messages.length > 1) { i = 2; }        else { i = 0; }

function move3(whichdiv) {
        tdiv = eval(whichdiv);
        if (tdiv.style.pixelTop > 0 && tdiv.style.pixelTop <= num){
                tdiv.style.pixelTop = 0;
                setTimeout("move3(tdiv)", scrollspeed);
                setTimeout("move4(second2)",scrollspeed);
                return;
        }
        if (tdiv.style.pixelTop >= tdiv.offsetHeight *- 1) {
                tdiv.style.pixelTop -= num;
                setTimeout("move3(tdiv)",waitingtime);
        } else {
                tdiv.style.pixelTop = scrollerheight;
                tdiv.innerHTML = messages[i];
                if (i==messages.length-1) {
                        i=0;
                } else {
                        i++;
                }
        }
}

function move4(whichdiv) {
        tdiv2 = eval(whichdiv);
        if (tdiv2.style.pixelTop > 0 && tdiv2.style.pixelTop <= num) {
                tdiv2.style.pixelTop = 0;
                setTimeout("move4(tdiv2)", scrollspeed);
                setTimeout("move3(first2)", scrollspeed);
                return;
        }
        if (tdiv2.style.pixelTop >= tdiv2.offsetHeight *- 1) {
                tdiv2.style.pixelTop -= num;
                setTimeout("move4(second2)", waitingtime);
        } else {
                tdiv2.style.pixelTop = scrollerheight;
                tdiv2.innerHTML = messages[i];
                if (i==messages.length-1) {
                        i=0;
                } else {
                        i++;
                }
        }
}

function onmouse_event() { num=0; }
function mouseout_event() { num=1; }

function startscroll() {
        if (document.all) {
                move3(first2);
                second2.style.top = scrollerheight;
                second2.style.visibility = 'visible';
        } else if (document.layers) {
                document.main.visibility='show';
                move1(document.main.document.first);
                document.main.document.second.top = scrollerheight + num;
                document.main.document.second.visibility = 'show';
        }
}

window.onload = startscroll;
</script>
        
<script language='JavaScript'>
        if (document.all) {
                document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">');
                document.writeln('<div onMouseOver="onmouse_event()" onMouseOut="mouseout_event()" style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:1;z-index:1">');
                document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;z-index:1">');
                document.write(messages[0]);
                document.writeln('</div>');
                document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;z-index:1; visibility:hidden">');
                document.write(messages[1]);
                document.writeln('</div>');
                document.writeln('</div>');
                document.writeln('</span>');
        }
        </script>

<!----------여기까지입니다.-------------->

var scrollerwidth = 100;   --> 전광판에 나올 넓이 지정
var scrollerheight = 77;    --> 전광판에 나올 높이 지정

var num = 5;                      --> 나올 공지사항 갯수
var scrollspeed = '5000';    --> 멈추는 시간 클수록 오래 멈춤
var waitingtime = '10';        --> Scrolling 속도
profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

첫번째 댓글을 남겨주세요!

List of Articles
번호 제목 글쓴이 날짜 추천 수 조회 수
29 상태표시줄에 링크주소 감추기 title: [ani]깜빡이는 표정빽짱구 2004-04-30 16 7286
28 타이틀바 꾸미기3 (옆으로 움직임) [1] title: [ani]깜빡이는 표정빽짱구 2004-04-22 13 5703
27 선택복사하기 title: [ani]깜빡이는 표정빽짱구 2004-04-22 10 5857
26 best of best 텍스트 타이핑효과 title: [ani]깜빡이는 표정빽짱구 2004-04-22 22 5989
25 상태표시줄 한글자씩 나타내기 title: [ani]깜빡이는 표정빽짱구 2004-04-21 10 5468
24 best of best 메트릭스 효과 문자 title: [ani]깜빡이는 표정빽짱구 2004-04-21 22 4921
23 best of best 출렁거리며 내려오는 공지창 title: [ani]깜빡이는 표정빽짱구 2004-04-19 20 5014
22 속보용 알림장 [1] title: [ani]깜빡이는 표정빽짱구 2004-04-08 17 5064
21 오른쪽 마우스 클릭시 즐겨찾기 나오기 title: [ani]깜빡이는 표정빽짱구 2004-04-07 13 4975
20 따라다니는 메뉴 끄기기능까지 title: [ani]깜빡이는 표정빽짱구 2004-04-05 16 5264
19 마우스 오른쪽 단추클릭시 경고창 띠우기 title: [ani]깜빡이는 표정빽짱구 2004-04-05 11 5473
18 제홈에 쓰인 마우스 오른쪽 금지태그 title: [ani]깜빡이는 표정빽짱구 2004-03-31 10 8958
17 best of best 레이어를 이용한 움직이는 공지 title: [ani]깜빡이는 표정빽짱구 2004-03-08 34 6650
16 새로운창 띄우기 title: [ani]깜빡이는 표정빽짱구 2004-03-07 12 6799
15 마우스 따라다니는 아날로그 시계 title: [ani]깜빡이는 표정빽짱구 2004-02-29 10 5463
14 D-day 스크립트 title: [ani]깜빡이는 표정빽짱구 2004-02-29 14 7979
13 손님이 원하는색을 입력받아 배경화면으로 적용하기! title: [ani]깜빡이는 표정빽짱구 2004-02-29 19 4744
12 플래쉬효과 문자 title: [ani]깜빡이는 표정빽짱구 2004-02-29 11 5882
11 상태표시줄 링크주소 안보이게 하기 title: [ani]깜빡이는 표정빽짱구 2004-02-28 13 9569
10 best of best 따라다니는 탑버튼 title: [ani]깜빡이는 표정빽짱구 2004-02-28 21 6185