'전광판' 태그의 글 목록

'전광판'에 해당되는 글 1건

2011.04.20 전광판 스크립트 [출처 : 네이버 지식인] (2)

전광판 스크립트 [출처 : 네이버 지식인]

Javascript 2011. 4. 20. 14:03

출처 : http://kin.naver.com/qna/detail.nhn?d1id=1&dirId=1040202&docId=72650135&qb=7KCE6rSR7YyQIOyKpO2BrOumve2KuA==&enc=utf8&section=kin&rank=1&search_sort=0&spq=1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>

SCROLL_TXT[0] = "<font color=#000000>[09-25 09:18] 흘러가는 글자 소스입니다. 도움이 되셨으면 합니다. </font>    ";
SCROLL_TXT[1] = "<font color=8fe4e3>[09-24 15:03] 전광판처럼 꾸며서 예쁘게 활용하시기 바랍니다.</font>    ";
SCROLL_TXT[2] = "<font color=f8a2a2>[09-24 14:44] 흐르는 항목 추가시는 SCROLL_TXT를 추가하시면 됩니다. </font>    ";
SCROLL_TXT[3] = "<font color=a4de8c>[09-24 11:38] 소스를 복사해서 원하는 위치에 배치시키시면 됩니다. </font>    ";
SCROLL_TXT[4] = "<font color=dba7ef>[09-24 09:31] 감사합니다. 댓글 달아주는 센스!!</font>    ";

var SCROLL_LIST = new Array;
var area_width = 0;
var scrolling_id = 0;
var clock = null;

var delay1 = 2000;
var delay2 = 20;
var move_width = 2;
var G_s = "START";
var G_s2 = "START";

function scroll_txt_init () {
//area_width = document.getElementById("scroll_text_area").offsetWidth;
area_width = 472;

for (var i = 0; i < SCROLL_TXT.length; i++) {
var div = document.createElement("div");

div.className = 'style2';
div.id = 'txt' + i;
div.style.visibility = "visible";7
div.innerHTML = '<nobr>'+SCROLL_TXT[i]+'</nobr>';
document.getElementById('scroll_text_area').appendChild(div);

if (i == 0) {
   document.getElementById("txt" + i).style.left = 0;
} else if (document.getElementById("txt" + parseInt(i - 1)) && document.getElementById("txt" + parseInt(i - 1)).offsetLeft > 0 && document.getElementById("txt" + parseInt(i - 1)).offsetLeft + document.getElementById("txt" + parseInt(i - 1)).offsetWidth < area_width) {
   document.getElementById("txt" + i).style.left = document.getElementById("txt" + parseInt(i - 1)).offsetLeft + document.getElementById("txt" + parseInt(i - 1)).offsetWidth;
   scrolling_id = i;
} else {
   document.getElementById("txt" + i).style.left = -1000;
}
}

clock = setTimeout("scroll_txt(1)", delay1);

}

clearTimeout(clock);
for (var i = 0; i < SCROLL_TXT.length; i++) {
document.getElementById("txt" + i).style.left = -1000;
}

document.getElementById("txt" + scrolling_id).style.left = 0;
if(G_s=="START"){
clock = setTimeout("scroll_txt(1)", delay1);
}
}

function scroll_next() {
if (document.getElementById("txt" + scrolling_id).offsetLeft < 30) {
if (scrolling_id < SCROLL_TXT.length - 1) {
scrolling_id++;
} else {
scrolling_id = 0;
}
}

clearTimeout(clock);

for (var i = 0; i < SCROLL_TXT.length; i++) {
document.getElementById("txt" + i).style.left = -1000;
}

document.getElementById("txt" + scrolling_id).style.left = 0;
if(G_s=="START"){
clock = setTimeout("scroll_txt(1)", delay1);
}
}

function scroll_txt (_num) {
var ing = false;
var delay = delay2;

for (var i = 0; i < SCROLL_TXT.length; i++) {
if (_num != 1 && document.getElementById("txt" + i).offsetLeft >= 0 && document.getElementById("txt" + i).offsetLeft < move_width) {
delay = delay1;
}

if (document.getElementById("txt" + i).offsetLeft + document.getElementById("txt" + i).offsetWidth >= 0) {
document.getElementById("txt" + i).style.left = document.getElementById("txt" + i).offsetLeft - move_width;
ing = true;
}
}

if (!ing) {
document.getElementById("txt0").style.left = area_width - move_width;
}

if (document.getElementById("txt" + scrolling_id).offsetLeft + document.getElementById("txt" + scrolling_id).offsetWidth < area_width) {
if (SCROLL_TXT[scrolling_id + 1]) {
   scrolling_id ++;
   document.getElementById("txt" + scrolling_id).style.left = area_width;
} else if (scrolling_id != 0) {
   scrolling_id = 0;
   document.getElementById("txt" + scrolling_id).style.left = area_width;
}
}
clock = setTimeout("scroll_txt()", delay);
}

G_s = "STOP";
G_s2 = "STOP";
scroll_stop();
playstop.src = "04_6_.jpg";
}else{

G_s = "START";
G_s2 = "START";
scroll_start();
playstop.src = "04_6.jpg";
}

}
function playstop2(){
playstop.innerHTML="<img src=\"sm05.jpg\" border=\"0\" style=\"cursor:pointer\" onclick=\"scroll_start();playstop1()\">";
G_s = "START";
}
</script>

</BODY>
</HTML>

'Javascript' 카테고리의 다른 글

자바스크립트 변수 값 php로 넘기는 방법 (0)	2011.04.20
<자바스크립트> 경고문및 페이지 이동. (1)	2011.03.07
자바스크립트 셀렉트박스 유효성 검사 (0)	2010.12.07