웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
▩화면에 무자기로 뜨게하는 물방울 (다른 모양가능)
2002.02.26 16:51
===================================================================
미리보기 주소:
http://my.dreamwiz.com/dong0987/study14.htm
===================================================================
스크립 소스 ------------------------------------------------------
<!-- 스크립트-->
<style type="text/css">
a { text-decoration:none;}
a:hover { color:'black';background-color:'white';}
</style>
<script language='javascript'>
<!--
function network()//넷츠케이푸의 처리.
{
var nansu,nansux,nansuy;
for(var i=0; i<7; i++)
{
if(poks[i]==0)
{
nansux= Math.floor(Math.random()*(screen.availWidth-200))+20;
nansuy= Math.floor(Math.random()*(screen.availHeight-300))+100;
document.layers[i].left= nansux;
document.layers[i].top= nansuy;
}
}
for(var i=0; i<7; i++)
{
nansu= Math.floor(Math.random()*10);
if(nansu==i)
{
document.layers[i].clip.right-= poks[i];
document.layers[i].clip.bottom-= poks[i];
poks[i]=0;
}
else
{
poks[i]+= 4;
document.layers[i].clip.right+= 4;
document.layers[i].clip.bottom+= 4;
}
}
setTimeout('network()',110);
}
function mainwork()
{
var nansu,nansux,nansuy;
for(var i=0; i<ides.length; i++)
{
if(fonts[i]==0)
{
nansux= Math.floor(Math.random()*(screen.availWidth-200))+20;
nansuy= Math.floor(Math.random()*(screen.availHeight-300))+70;
ides[i].style.pixelLeft= nansux;
ides[i].style.pixelTop= nansuy;
}
}
nansu= Math.floor(Math.random()*11);
for(var i=0; i<ides.length; i++)
{
if(nansu==i)
{ fonts[i]=0; ides[i].style.fontSize= fonts[i];}
else
{ fonts[i]+=5;ides[i].style.fontSize=fonts[i];}
}
setTimeout('mainwork()',110);
}
//익스플로러인 경우에 대한 초기 처리
function iestart()
{
for( var i=0; i<ides.length; i++)
{
ides[i]= eval('document.all.'+ides[i]);
}
mainwork();
}
ides= new Array(7);
function begin()
{
if(navigator.appName=='Netscape')
{
poks= new Array(0,0,0,0,0,0,0);//변화폭 받기.
network();
return false;
}
fonts= new Array();
for( var i=0; i<7; i++)
{ ides[i]= 'id'+(i+1); fonts[i]=0;}
iestart();
}
//-->
</script>
</head>
<body text=white link=white vlink=white onload="begin();">
<p> </p>
<layer id="ida" position=absolute width="1" height="18" bgColor="#FFAAAA" left="50" top="50" z-index="1">
<p> </p>
</layer>
<layer id="idb" position=absolute width="1" height="18" bgColor="#AAFFAA" left="50" top="50" z-index="1">
<p> </p>
</layer>
<layer id="idc" position=absolute width="1" height="18" bgColor="#AAAAFF" left="50" top="50" z-index="1">
<p> </p>
</layer>
<layer id="idd" position=absolute width="1" height="18" bgColor="#FFFFAA" left="50" top="50" z-index="1">
<p> </p>
</layer>
<layer id="ide" position=absolute width="1" height="18" bgColor="#AAFFFF" left="50" top="50" z-index="1">
<p> </p>
</layer>
<layer id="idf" position=absolute width="1" height="18" bgColor="#FFAAFF" left="50" top="50" z-index="1">
<p> </p>
</layer>
<layer id="idg" position=absolute width="1" height="18" bgColor="white" left="50" top="50" z-index="1">
<p> </p>
</layer>
<p id='id1' style="position:absolute;visibility:hide;color:'#ffaaaa';font-size:10pt;"><font color="#FFCCFF">○</font></p>
<p id='id2' style="position:absolute;visibility:hide;color:'#aaffaa';font-size:10pt;"><font color="#E8FFE8">●</font></p>
<p id='id3' style="position:absolute;visibility:hide;color:'#aaaaff';font-size:10pt;"><font color="#FFFFE2">○</font></p>
<p id='id4' style="position:absolute;visibility:hide;color:'#ffffaa';font-size:10pt;"><font color="#FFCCFF">●</font></p>
<p id='id5' style="position:absolute;visibility:hide;color:'#aaffff';font-size:10pt;">○</p>
<p id='id6' style="position:absolute;visibility:hide;color:'#ffaaff';font-size:10pt;"><font color="#FDE5C2">●</font></p>
<p id='id7' style="position:absolute;visibility:hide;color:'#ffffff';font-size:10pt;">○</p>
----------------------------------------------------- //여기까지
<p id='id1' style="position:absolute;visibility:hide;color:'#ffaaaa';font-size:10pt;"><font color="#FFCCFF">○</font></p>
<p id='id2' style="position:absolute;visibility:hide;color:'#aaffaa';font-size:10pt;"><font color="#E8FFE8">●</font></p>
<p id='id3' style="position:absolute;visibility:hide;color:'#aaaaff';font-size:10pt;"><font color="#FFFFE2">○</font></p>
<p id='id4' style="position:absolute;visibility:hide;color:'#ffffaa';font-size:10pt;"><font color="#FFCCFF">●</font></p>
<p id='id5' style="position:absolute;visibility:hide;color:'#aaffff';font-size:10pt;">○</p>
<p id='id6' style="position:absolute;visibility:hide;color:'#ffaaff';font-size:10pt;"><font color="#FDE5C2">●</font></p>
<p id='id7' style="position:absolute;visibility:hide;color:'#ffffff';font-size:10pt;">○</p>
부분은 고칠수있습니다.
대두분 다 고칠수있지요. 보시면 아시리라 맏숩니다!
미리보기 주소:
http://my.dreamwiz.com/dong0987/study14.htm
===================================================================
스크립 소스 ------------------------------------------------------
<!-- 스크립트-->
<style type="text/css">
a { text-decoration:none;}
a:hover { color:'black';background-color:'white';}
</style>
<script language='javascript'>
<!--
function network()//넷츠케이푸의 처리.
{
var nansu,nansux,nansuy;
for(var i=0; i<7; i++)
{
if(poks[i]==0)
{
nansux= Math.floor(Math.random()*(screen.availWidth-200))+20;
nansuy= Math.floor(Math.random()*(screen.availHeight-300))+100;
document.layers[i].left= nansux;
document.layers[i].top= nansuy;
}
}
for(var i=0; i<7; i++)
{
nansu= Math.floor(Math.random()*10);
if(nansu==i)
{
document.layers[i].clip.right-= poks[i];
document.layers[i].clip.bottom-= poks[i];
poks[i]=0;
}
else
{
poks[i]+= 4;
document.layers[i].clip.right+= 4;
document.layers[i].clip.bottom+= 4;
}
}
setTimeout('network()',110);
}
function mainwork()
{
var nansu,nansux,nansuy;
for(var i=0; i<ides.length; i++)
{
if(fonts[i]==0)
{
nansux= Math.floor(Math.random()*(screen.availWidth-200))+20;
nansuy= Math.floor(Math.random()*(screen.availHeight-300))+70;
ides[i].style.pixelLeft= nansux;
ides[i].style.pixelTop= nansuy;
}
}
nansu= Math.floor(Math.random()*11);
for(var i=0; i<ides.length; i++)
{
if(nansu==i)
{ fonts[i]=0; ides[i].style.fontSize= fonts[i];}
else
{ fonts[i]+=5;ides[i].style.fontSize=fonts[i];}
}
setTimeout('mainwork()',110);
}
//익스플로러인 경우에 대한 초기 처리
function iestart()
{
for( var i=0; i<ides.length; i++)
{
ides[i]= eval('document.all.'+ides[i]);
}
mainwork();
}
ides= new Array(7);
function begin()
{
if(navigator.appName=='Netscape')
{
poks= new Array(0,0,0,0,0,0,0);//변화폭 받기.
network();
return false;
}
fonts= new Array();
for( var i=0; i<7; i++)
{ ides[i]= 'id'+(i+1); fonts[i]=0;}
iestart();
}
//-->
</script>
</head>
<body text=white link=white vlink=white onload="begin();">
<p> </p>
<layer id="ida" position=absolute width="1" height="18" bgColor="#FFAAAA" left="50" top="50" z-index="1">
<p> </p>
</layer>
<layer id="idb" position=absolute width="1" height="18" bgColor="#AAFFAA" left="50" top="50" z-index="1">
<p> </p>
</layer>
<layer id="idc" position=absolute width="1" height="18" bgColor="#AAAAFF" left="50" top="50" z-index="1">
<p> </p>
</layer>
<layer id="idd" position=absolute width="1" height="18" bgColor="#FFFFAA" left="50" top="50" z-index="1">
<p> </p>
</layer>
<layer id="ide" position=absolute width="1" height="18" bgColor="#AAFFFF" left="50" top="50" z-index="1">
<p> </p>
</layer>
<layer id="idf" position=absolute width="1" height="18" bgColor="#FFAAFF" left="50" top="50" z-index="1">
<p> </p>
</layer>
<layer id="idg" position=absolute width="1" height="18" bgColor="white" left="50" top="50" z-index="1">
<p> </p>
</layer>
<p id='id1' style="position:absolute;visibility:hide;color:'#ffaaaa';font-size:10pt;"><font color="#FFCCFF">○</font></p>
<p id='id2' style="position:absolute;visibility:hide;color:'#aaffaa';font-size:10pt;"><font color="#E8FFE8">●</font></p>
<p id='id3' style="position:absolute;visibility:hide;color:'#aaaaff';font-size:10pt;"><font color="#FFFFE2">○</font></p>
<p id='id4' style="position:absolute;visibility:hide;color:'#ffffaa';font-size:10pt;"><font color="#FFCCFF">●</font></p>
<p id='id5' style="position:absolute;visibility:hide;color:'#aaffff';font-size:10pt;">○</p>
<p id='id6' style="position:absolute;visibility:hide;color:'#ffaaff';font-size:10pt;"><font color="#FDE5C2">●</font></p>
<p id='id7' style="position:absolute;visibility:hide;color:'#ffffff';font-size:10pt;">○</p>
----------------------------------------------------- //여기까지
<p id='id1' style="position:absolute;visibility:hide;color:'#ffaaaa';font-size:10pt;"><font color="#FFCCFF">○</font></p>
<p id='id2' style="position:absolute;visibility:hide;color:'#aaffaa';font-size:10pt;"><font color="#E8FFE8">●</font></p>
<p id='id3' style="position:absolute;visibility:hide;color:'#aaaaff';font-size:10pt;"><font color="#FFFFE2">○</font></p>
<p id='id4' style="position:absolute;visibility:hide;color:'#ffffaa';font-size:10pt;"><font color="#FFCCFF">●</font></p>
<p id='id5' style="position:absolute;visibility:hide;color:'#aaffff';font-size:10pt;">○</p>
<p id='id6' style="position:absolute;visibility:hide;color:'#ffaaff';font-size:10pt;"><font color="#FDE5C2">●</font></p>
<p id='id7' style="position:absolute;visibility:hide;color:'#ffffff';font-size:10pt;">○</p>
부분은 고칠수있습니다.
대두분 다 고칠수있지요. 보시면 아시리라 맏숩니다!
댓글 0
제목 | 글쓴이 | 날짜 |
---|---|---|
APMPack 입니다요. [13] | Blainfo | 2002.10.19 |
리눅스로 웹호스팅을 하기위해서... [15] | Dopesoul | 2002.10.23 |
네임서버 설정 ver.1 [/etc 폴더편] [2] | 손택수 | 2002.10.24 |
OpenBSD3.2 설치가이드 - 완결 [3] | pravda | 2002.11.02 |
사용자 자동 등록 쉘스크립트 [1] | 편리 | 2002.11.05 |
[기초]커널 2.4.x, quota 셋팅법 | NeST™y | 2002.11.05 |
[Lindox] 가상콘솔 줄여서 메모리 절약하기.. | NeSTY♨™ | 2002.11.05 |
[Lindox] 실수로 기본 명령어삭제시 강제 복구하기 | NeSTY♨™ | 2002.11.05 |
[기초] 퍼미션 값에 대해서 [4] | NeST™y | 2002.11.05 |
[Lindox] 설치 강좌 쓸때 유용한 명령어 [4] | NeSTY♨™ | 2002.11.05 |
윈xp pro 를 net 서버로 바꾸기 [7] | 정회철 | 2002.11.13 |
ab 를 이용한 간편한 아파치 성능 측정 [2] | 정인배 | 2002.11.15 |
리눅스 시스템관리 고급 명령어 | 정인배 | 2002.11.16 |
리눅스(레드헷8.0 배포판 기준) 처음 설치하시는 분들을 위한 apm 초간단 팁 [8] | 김종환 | 2002.11.17 |
리눅스 서버를 구축해 보자! #1 [11] | 꼬토 | 2002.11.21 |
리눅스 서버를 구축해 보자! #2 [5] | 꼬토 | 2002.11.22 |
리눅스 mysql 사용자 계정주기/삭제하기 [4] | 정인배 | 2002.11.22 |
Apache + PHP + Mysql확실한 연동 및 리눅스 재설치 정보 [2] | 최종우 | 2002.11.26 |
[FreeBSD] bind를 몰아낼 djbdns 설치하기 [5] | DeX™ | 2002.11.26 |
[FreeBSD] qmail+mysql+vpopmail+qmailadmin 설치 [1] | DeX™ | 2002.11.26 |