웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
앗!! 내별!! 내별날라가네
2006.10.14 12:38
아래 소스를 <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"><img src="그림 주소"></div>와 같이 태그를 써주세요.
<div id="s0" style="color:blue">☆</div>
<div id="s1" style="color:blue">★</div>
<div id="s2" style="color:blue">☆</div>
<div id="s3" style="color:blue">★</div>
<div id="s4" style="color:blue">☆</div>
<div id="s5" style="color:blue">★</div>
<div id="s6" style="color:blue">☆</div>
<div id="s7" style="color:blue">★</div>
<div id="s8" style="color:blue">☆</div>
<div id="s9" style="color:blue">★</div>
옆으로 날라간다;;;;;;
<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"><img src="그림 주소"></div>와 같이 태그를 써주세요.
<div id="s0" style="color:blue">☆</div>
<div id="s1" style="color:blue">★</div>
<div id="s2" style="color:blue">☆</div>
<div id="s3" style="color:blue">★</div>
<div id="s4" style="color:blue">☆</div>
<div id="s5" style="color:blue">★</div>
<div id="s6" style="color:blue">☆</div>
<div id="s7" style="color:blue">★</div>
<div id="s8" style="color:blue">☆</div>
<div id="s9" style="color:blue">★</div>
옆으로 날라간다;;;;;;
댓글 3
-
파우
2006.12.27 02:22
제목 참 재밌고 귀엽게 쓰시네요^ㅁ^제목이 눈에띄어 클릭했답니다~ -
Goldcocktail
2007.06.28 23:38
-
유성매직
2007.11.20 21:50
멋져요...
그런데 혹시 앞으로 날아오는 건 없을까요?
제목 | 글쓴이 | 날짜 |
---|---|---|
나만의 미니홈 만들기 ㅡ 메인 기초 설계 .home.php [12] | 예뜨락 | 2004.11.17 |
나만의 미니홈 만들기 ㅡ 메인 기초 설계2 .레이아웃 | 예뜨락 | 2004.11.18 |
나만의 미니홈 만들기 ㅡ 메인 기초 설계3 .레이아웃 [2] | 예뜨락 | 2004.11.19 |
나만의 미니홈 만들기 ㅡ 기초적인 관리 페이지 [3] | 예뜨락 | 2004.11.20 |
나만의 미니홈 만들기 ㅡ 미니홈 생성 페이지 [3] | 예뜨락 | 2004.11.20 |
나만의 미니홈 만들기 ㅡ 게시판의 디자인 | 예뜨락 | 2004.11.22 |
나만의 미니홈 만들기 ㅡ 게시판 list.php 파일의 모양새 [6] | 예뜨락 | 2004.11.23 |
나만의 미니홈 만들기 ㅡ list.php , 디비 테이블 생성 [6] | 예뜨락 | 2004.11.26 |
나만의 미니홈 만들기 ㅡ view.php 파일과 제목링크 [9] | 예뜨락 | 2004.11.27 |
나만의 미니홈 만들기 ㅡ write.php 파일과 write_ok [5] | 예뜨락 | 2004.11.30 |
실명 진위여부 확인 [10] | piasol | 2004.12.01 |
개판 오분전 라인 그래프 [4] | 미친개 | 2004.12.01 |
'참조'에 관한 간단한 예제 | 플로렐라 | 2004.12.09 |
4. 쿼리문 [6] | 티다 | 2004.12.11 |
나만의 미니홈 만들기 ㅡ메뉴에 게시판 연결 [5] | 예뜨락 | 2004.12.17 |
IE 에서도 투명 알파값이 적용된 PNG 이미지를 맘껏 활용하자! [8] | THE PAPER™ | 2004.12.27 |
"를 그냥 사용하기 [3] | 추천대화상대 | 2005.01.02 |
나만의 미니홈 만들기 ㅡ delete.php 파일 [2] | 예뜨락 | 2005.01.03 |
퍼미션을 보기좋게 구하자! [4] | 플로렐라 | 2005.01.03 |
PHP 왕초보 입문기(총괄) [4] | 하나둘 | 2005.01.15 |