웹마스터 팁

  2. Support
  3. 웹마스터 팁

▩화면에 무자기로 뜨게하는 물방울 (다른 모양가능)

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>

부분은 고칠수있습니다.
대두분 다 고칠수있지요. 보시면 아시리라 맏숩니다!
이 게시물을
수정 삭제
좋아요
목록
태그 쓰기