인터넷정보

화면을 조각내서 모자이크 형태로...

알 수 없는 사용자 2007. 10. 17. 18:12


<html><head>
<title> new document </title>
<meta http-equiv="content-type" content="text/html; charset=euc-kr">
<meta name="author" content="Hong, Gahi(gahi@korea.com)">
<style><!--
.splitXY{position:absolute; left:0; top:0; layer-background-color:darkblue; background-color:darkblue; border:0px solid darkblue; }
--></style>
<script language="JavaScript"><!--
// Groval Variables
var giCol=7; // max 36
var giRow=5; // max 36
var giTime=2000/giCol/giRow; // 2초 이내에 다 보여주기

// 이 아래 값은 수정하지 마세요.
var giCnt=0; // 보이는 칸의 수
var giaRan=new Array() // 무작위 숫자 기억
var gsDigit="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var goaDiv=new Array(giCol); // 화면 조각마다 1:1 로 대응 (2차원)
for (var i = 0; i < goaDiv.length; i++) {
goaDiv[i] = new Array(giRow);
}

// 무작위 색깔 설정을 위하여 배열에 색깔 이름을 기억시킴
var gsColorArray=new Array();
gsColorArray[gsColorArray.length]="aliceblue";
gsColorArray[gsColorArray.length]="aliceblue";
gsColorArray[gsColorArray.length]="antiquewhite";
gsColorArray[gsColorArray.length]="aqua";
gsColorArray[gsColorArray.length]="aquamarine";
gsColorArray[gsColorArray.length]="zure";
gsColorArray[gsColorArray.length]="beige";
gsColorArray[gsColorArray.length]="bisque";
gsColorArray[gsColorArray.length]="black";
gsColorArray[gsColorArray.length]="blanchedalmond";
gsColorArray[gsColorArray.length]="blue";
gsColorArray[gsColorArray.length]="blueviolet";
gsColorArray[gsColorArray.length]="brown";
gsColorArray[gsColorArray.length]="burlywood";
gsColorArray[gsColorArray.length]="cadetblue";
gsColorArray[gsColorArray.length]="chartreuse";
gsColorArray[gsColorArray.length]="chocolate";
gsColorArray[gsColorArray.length]="coral";
gsColorArray[gsColorArray.length]="cornflowerblue";
gsColorArray[gsColorArray.length]="cornsilk";
gsColorArray[gsColorArray.length]="crimson";
gsColorArray[gsColorArray.length]="cyan";
gsColorArray[gsColorArray.length]="darkblue";
gsColorArray[gsColorArray.length]="darkcyan";
gsColorArray[gsColorArray.length]="darkgoldenrod";
gsColorArray[gsColorArray.length]="darkgray";
gsColorArray[gsColorArray.length]="darkgreen";
gsColorArray[gsColorArray.length]="darkkhaki";
gsColorArray[gsColorArray.length]="darkmagenta";
gsColorArray[gsColorArray.length]="darkolivegreen";
gsColorArray[gsColorArray.length]="darkorange";
gsColorArray[gsColorArray.length]="darkorchid";
gsColorArray[gsColorArray.length]="darkred";
gsColorArray[gsColorArray.length]="darksalmon";
gsColorArray[gsColorArray.length]="darkseagreen";
gsColorArray[gsColorArray.length]="darkslateblue";
gsColorArray[gsColorArray.length]="darkslategray";
gsColorArray[gsColorArray.length]="darkturquoise";
gsColorArray[gsColorArray.length]="darkviolet";
gsColorArray[gsColorArray.length]="deeppink";
gsColorArray[gsColorArray.length]="deepskyblue";
gsColorArray[gsColorArray.length]="dimgray";
gsColorArray[gsColorArray.length]="dodgerblue";
gsColorArray[gsColorArray.length]="firebrick";
gsColorArray[gsColorArray.length]="floralwhite";
gsColorArray[gsColorArray.length]="forestgreen";
gsColorArray[gsColorArray.length]="fuchsia";
gsColorArray[gsColorArray.length]="gainsboro";
gsColorArray[gsColorArray.length]="ghostwhite";
gsColorArray[gsColorArray.length]="gold";
gsColorArray[gsColorArray.length]="goldenrod";
gsColorArray[gsColorArray.length]="gray";
gsColorArray[gsColorArray.length]="green";
gsColorArray[gsColorArray.length]="greenyellow";
gsColorArray[gsColorArray.length]="honeydew";
gsColorArray[gsColorArray.length]="hotpink";
gsColorArray[gsColorArray.length]="indianred";
gsColorArray[gsColorArray.length]="indigo";
gsColorArray[gsColorArray.length]="ivory";
gsColorArray[gsColorArray.length]="khaki";
gsColorArray[gsColorArray.length]="lavender";
gsColorArray[gsColorArray.length]="lavenderblush";
gsColorArray[gsColorArray.length]="lawngreen";
gsColorArray[gsColorArray.length]="lemonchiffon";
gsColorArray[gsColorArray.length]="lightblue";
gsColorArray[gsColorArray.length]="lightcoral";
gsColorArray[gsColorArray.length]="lightcyan";
gsColorArray[gsColorArray.length]="lightgoldenrodyellow";
gsColorArray[gsColorArray.length]="lightgreen";
gsColorArray[gsColorArray.length]="lightgray";
gsColorArray[gsColorArray.length]="lightpink";
gsColorArray[gsColorArray.length]="lightsalmon";
gsColorArray[gsColorArray.length]="lightseagreen";
gsColorArray[gsColorArray.length]="lightskyblue";
gsColorArray[gsColorArray.length]="lightslategray";
gsColorArray[gsColorArray.length]="lightsteelblue";
gsColorArray[gsColorArray.length]="lightyellow";
gsColorArray[gsColorArray.length]="lime";
gsColorArray[gsColorArray.length]="limegreen";
gsColorArray[gsColorArray.length]="linen";
gsColorArray[gsColorArray.length]="magenta";
gsColorArray[gsColorArray.length]="maroon";
gsColorArray[gsColorArray.length]="mediumaquamarine";
gsColorArray[gsColorArray.length]="mediumblue";
gsColorArray[gsColorArray.length]="mediumorchid";
gsColorArray[gsColorArray.length]="mediumpurple";
gsColorArray[gsColorArray.length]="mediumseagreen";
gsColorArray[gsColorArray.length]="mediumslateblue";
gsColorArray[gsColorArray.length]="mediumspringgreen";
gsColorArray[gsColorArray.length]="mediumturquoise";
gsColorArray[gsColorArray.length]="mediumvioletred";
gsColorArray[gsColorArray.length]="midnightblue";
gsColorArray[gsColorArray.length]="mintcream";
gsColorArray[gsColorArray.length]="mistyrose";
gsColorArray[gsColorArray.length]="moccasin";
gsColorArray[gsColorArray.length]="navajowhite";
gsColorArray[gsColorArray.length]="navy";
gsColorArray[gsColorArray.length]="oldlace";
gsColorArray[gsColorArray.length]="olive";
gsColorArray[gsColorArray.length]="olivedrab";
gsColorArray[gsColorArray.length]="orange";
gsColorArray[gsColorArray.length]="orangered";
gsColorArray[gsColorArray.length]="orchid";
gsColorArray[gsColorArray.length]="palegoldenrod";
gsColorArray[gsColorArray.length]="palegreen";
gsColorArray[gsColorArray.length]="paleturquoise";
gsColorArray[gsColorArray.length]="palevioletred";
gsColorArray[gsColorArray.length]="papayawhip";
gsColorArray[gsColorArray.length]="peachpuff";
gsColorArray[gsColorArray.length]="peru";
gsColorArray[gsColorArray.length]="pink";
gsColorArray[gsColorArray.length]="plum";
gsColorArray[gsColorArray.length]="powderblue";
gsColorArray[gsColorArray.length]="purple";
gsColorArray[gsColorArray.length]="red";
gsColorArray[gsColorArray.length]="rosybrown";
gsColorArray[gsColorArray.length]="royalblue";
gsColorArray[gsColorArray.length]="saddlebrown";
gsColorArray[gsColorArray.length]="salmon";
gsColorArray[gsColorArray.length]="sandybrown";
gsColorArray[gsColorArray.length]="seagreen";
gsColorArray[gsColorArray.length]="seashell";
gsColorArray[gsColorArray.length]="sienna";
gsColorArray[gsColorArray.length]="silver";
gsColorArray[gsColorArray.length]="skyblue";
gsColorArray[gsColorArray.length]="slateblue";
gsColorArray[gsColorArray.length]="slategray";
gsColorArray[gsColorArray.length]="snow";
gsColorArray[gsColorArray.length]="springgreen";
gsColorArray[gsColorArray.length]="steelblue";
gsColorArray[gsColorArray.length]="tan";
gsColorArray[gsColorArray.length]="teal";
gsColorArray[gsColorArray.length]="thistle";
gsColorArray[gsColorArray.length]="tomato";
gsColorArray[gsColorArray.length]="turquoise";
gsColorArray[gsColorArray.length]="violet";
gsColorArray[gsColorArray.length]="wheat";
gsColorArray[gsColorArray.length]="white";
gsColorArray[gsColorArray.length]="whitesmoke";
gsColorArray[gsColorArray.length]="yellow";
gsColorArray[gsColorArray.length]="yellowgreen";

function fnRanNumArray(ii){
if ( arguments==0 || isNaN(ii) ) return "Bad Parameter";
var iaX = new Array(ii);
var iaY = new Array(ii);
for (i=0; i<ii; i++) iaX[i]=i;
i0=0;
for (i=ii; i>1; i--){
i1 = Math.floor(Math.random()*i);
iaY[i0] = iaX[i1];
iaX[i1] = iaX[i-1];
i0++
}
iaY[ii-1] = iaX[0];
return iaY;
}

function fnNumToDigit(ii){
// 36이하의 정수를 1 Byte 문자로 바꿈 "1","2",..."A","B",..."Z"
if ( arguments==0 || isNaN(ii) || ii>36 ) return "Bad Parameter";
return gsDigit.substr(ii,1);
}

function fnDigitToNum(sd){
// 1 Byte 문자를 36이하의 정수로 바꿈
return gsDigit,indexOf(sd);
}

function fnSplitScr(){
if (giCol>36) giCol=36;
if (giRow>36) giRow=36;
var iDivWidth = parseInt(document.body.clientWidth/giCol)
var iDivHeight = parseInt(document.body.offsetHeight/giRow)
for (i=0; i<giCol; i++){
for (j=0; j<giRow; j++){
sId = "o" + gsDigit.substr(i,1) + gsDigit.substr(j,1)
it = Math.floor(Math.random()*gsColorArray.length);
sv="<div id=" + sId + " class='splitXY' style='background-color:" + gsColorArray[it] + "'></div>"; //여러색
// sv="<div id=" + sId + " class="splitXY"></div>"; //한가지 색
document.writeln(sv);
goaDiv[i][j] = eval("document.all." + sId + ".style");
goaDiv[i][j].width = iDivWidth;
goaDiv[i][j].height = iDivHeight;
goaDiv[i][j].left = iDivWidth*i
goaDiv[i][j].top = iDivHeight*j
}
}
}

function fnViewOrigin(){
iX = giaRan[giCnt] % giCol;
iY = Math.floor( giaRan[giCnt] / giCol )
goaDiv[iX][iY].visibility = "hidden";
if (giCnt++ == giCol*giRow-1){
clearInterval(timeView);
// clearInterval(timeTop);
}
}
//--></script>

</head><body bgcolor=lightgreen>
<script language="JavaScript"><!--
// 이 스크립트 문을 <body> 바로 다음에 넣어줍니다.
if (document.all){ // IE 전용입니다.
fnSplitScr(); // 화면 조각내서 원래 화면을 보이지 않게하기
giaRan = fnRanNumArray(giCol*giRow); //보여줄 화면의 순서를 정하기
timeView = setInterval("fnViewOrigin()",giTime);
// timeTop = setInterval("window.scrollTo(0.0)",100);
}
//--></script>

<h5>// 이 스크립트 문을 <body> 바로 다음에 넣어줍니다.<br><br>
if (document.all){ // IE 전용입니다.<br><br>
fnSplitScr(); // 화면 조각내서 원래 화면을 보이지 않게하기<br><br>
giaRan = fnRanNumArray(giCol*giRow); //보여줄 화면의 순서를 정하기<br><br>
timeView = setInterval("fnViewOrigin()",giTime);</h1>
</body></html>

   

반응형

'인터넷정보' 카테고리의 다른 글

링크클릭으로 음악재생 및 정지  (0) 2007.10.17
링크클릭으로 음악재생 및 정지  (0) 2007.10.17
파일업로드 버튼 이미지로 바꾸기  (0) 2007.10.17
파일업로드 버튼 이미지로 바꾸기  (0) 2007.10.17
화면을 조각내서 모자이크 형태로...  (0) 2007.10.17
블렌딩 효과  (0) 2007.10.17
블렌딩 효과  (0) 2007.10.17
공학용 계산기  (0) 2007.10.17
공학용 계산기  (0) 2007.10.17
RGB 컬러코드 알아보기  (0) 2007.10.17

'인터넷정보'의 다른글

  • 현재글화면을 조각내서 모자이크 형태로...

관련글

댓글

티스토리툴바