웹마스터 팁

  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>

부분은 고칠수있습니다.
대두분 다 고칠수있지요. 보시면 아시리라 맏숩니다!
이 게시물을
수정 삭제
좋아요
목록
제목 글쓴이 날짜
▩시작 정지가 가능한 테이블 스크롤 메시지 ▩윤미 2002.02.27
▩휠마우스처럼 사용하기.. [6] ▩윤미 2002.02.26
▩두문장을 blur효과주며 보여주기 [3] ▩윤미 2002.02.26
▩자바스크립, 계산기 소스 (기본) [2] ▩윤미 2002.02.26
▩문서선택 &소스선택을 위한 셀렉트 스크립트 ▩윤미 2002.02.26
▩그림 슬라이드 되고, 마우스 대면 그림 멈추는 스크립트 [1] ▩윤미 2002.02.26
▩찾기 기능을 내 홈페이지에 넣어보자 [1] ▩윤미 2002.02.26
▩셀블렌딩( 테이블 색 서서히 변화주기효과) ▩윤미 2002.02.26
▩화면에 무자기로 뜨게하는 물방울 (다른 모양가능) ▩윤미 2002.02.26
▩키보드글씨가 그대로 화면에 나타나는 스크립트 [5] ▩윤미 2002.02.26
[JavaScript] 랜덤 추천 사이트 링크버튼 만들기 (추천) [4] SM 2002.02.25
[JavaScript] 매일 매일 다른 메세지를 보여줍니다 [1] SM 2002.02.25
[JavaScript] 시간대별로 각각 다른 인삿말을 합니다 SM 2002.02.25
[JavaScript] 입력필드에 마우스를 클릭하면 초기문자열이 사라집니다 [2] SM 2002.02.25
스크롤배너 + 마우스 이벤트 - 초이스 응용 버젼임당...^^* file choice 2002.02.25
▩(JAVA)랜덤으로 이미지 출력 되기 [1] ▩윤미 2002.02.24
[JavaScript] 문서 새로고침 버튼(링크) 만들기 [11] SM 2002.02.24
[JavaScript] 마우스를 대기만 하면 팝업창을 엽니다 SM 2002.02.24
[JavaScript] 마우스를 대기만 해도 다른 사이트로 이동합니다 [3] SM 2002.02.24
[JavaScript] 시간대별로 각기 다른 배경 이미지를 보여주는 스크립트 [1] SM 2002.02.24
태그 쓰기