웹디자인 공부방
      HTML,PHP 공부방
      팁 & 테크 게시판
     




  번호 : 29 오른쪽에서 왼쪽으로 별날리기      
  작성자 : 이건호 작성일 : 2005-11-19 19:53:47  


<head>와 </head> 사이에 넣어주세요.

<style type="text/css">
#s0, #s1, #s2, #s3, #s4, #s5, #s6, #s7, #s8, #s9
{
position:absolute; left:-10; top:-10; height:1; width:1;
}
</style>
<script language="JavaScript1.2">
<!--
var ns=(document.layers);
var ie=(document.all);
var w3=(document.getElementById && self.innerWidth && (window.pageXOffset>-1));

//my way of making sure the browser will have what I need

var allDivs = new Array(10);
var documentWidth,documentHeight;

function initAll(){
if(!ns && !ie && !w3) return;

for(dNum=0; dNum<10; ++dNum){
if(ie) allDivs[dNum]=eval('document.all.s'+dNum+'.style');
else if(ns) allDivs[dNum]=eval('document.layers["s'+dNum+'"]');
else if(w3) allDivs[dNum]=eval('document.getElementById("s'+dNum+'").style');
moveTo(dNum,0,0);
}
}

function moveTo(i,tempx,tempy){
if (ie){
documentWidth =document.body.offsetWidth+document.body.scrollLeft-20;
randomy=Math.floor(Math.random()*document.body.offsetHeight)+document.body.scrollTop-20;
}
else if (ns){
documentWidth=window.innerWidth+window.pageXOffset-20;
randomy=Math.floor(Math.random()*window.innerHeight)+window.pageYOffset-20;
}
else if (w3){
documentWidth=self.innerWidth+window.pageXOffset-20;
randomy=Math.floor(Math.random()*self.innerHeight)+window.pageYOffset-20;
}

if(tempx>-50){
tempx-=45;
allDivs[i].left=tempx;
allDivs[i].top =tempy;
setTimeout("moveTo("+i+","+tempx+","+tempy+")",40)
}
else
setTimeout("moveTo("+i+",documentWidth-10,randomy)",2000/i+40);
}

window.onload=initAll
//End-->
</script>


<body>와 </body> 사이에 넣어주세요.
<div id="s0" style="color:pink">☆</div>
<div id="s1" style="color:pink">★</div>
<div id="s2" style="color:pink">☆</div>
<div id="s3" style="color:pink">★</div>
<div id="s4" style="color:pink">☆</div>
<div id="s5" style="color:pink">★</div>
<div id="s6" style="color:pink">☆</div>
<div id="s7" style="color:pink">★</div>
<div id="s8" style="color:pink">☆</div>
<div id="s9" style="color:pink">★</div>

이건호 ( 2006-10-04 21:25:03 )
문자를 사용한 저용량... 별날리기입니다 =ㅂ=;; 삭제하기
작성자   비밀번호       삭제시 필요합니다.
메세지
  
         
번호 제 목글쓴이첨부 작성일 조회
30 스타일시트로 링크부분 밑줄없애기. 이건호   2005-11-19 40338
29 오른쪽에서 왼쪽으로 별날리기 이건호   2005-11-19 40013
28 원하는 이미지 뿌리는 스크립트 이건호   2005-11-19 39842