웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
그림을 생성시키는 듯한 효과의 스크립트
2003.03.17 03:11
미리보기 : http://allzza.net/ver1/aboard/aboard.php?id=free_pds&dbf=19&mode=source
<script>
head_tag = "<table border=0 cellpadding=0 cellspacing=0 width=100% bgcolor=cccccc>";
main_tag_1 = "<tr><td height=7>";
main_tag_2 = "</td></tr>";
close_tag = "</table>";
hr_color = new Array("000000","ffff00","ff00ff","00ffff","ff0000","00ff00","0000ff");
function _load() {
xx = parseInt(document.all.mylay.style.left) + 2;
m=Math.floor(Math.random() * 10);
n = Math.floor(Math.random() * hr_color.length);
inner_tag = head_tag;
for(i=0;i<10;i++) {
inner_tag += main_tag_1;
if(i == m) inner_tag += "<hr width=100% size=1px color=" + hr_color[n] + " noshade>";
inner_tag += main_tag_2;
}
inner_tag += close_tag;
document.all.mylay.innerHTML = inner_tag + inner_tag + inner_tag + inner_tag + inner_tag + inner_tag + inner_tag + inner_tag;
document.all.mylay.style.left = xx;
if(xx <1100) setTimeout("_load()",10);
else document.all.mylay.style.visibility = 'hidden';
}
</script>
<body onload="_load()">
<div id=mylay style="position:absolute;top:0;left:0;width:1000;height:2000;visibility:visible;z-index:2">
</div>
<div id=mylay2 style="position:absolute;top:0;left:0;width:1000;height:2000;visibility:visible;z-index:1">
<img src=http://www.kangwhado.co.kr/kangwhado21/bbsupfiles/DSCN5753%20copy.jpg width=1024 height=768>
</div>
<script>
head_tag = "<table border=0 cellpadding=0 cellspacing=0 width=100% bgcolor=cccccc>";
main_tag_1 = "<tr><td height=7>";
main_tag_2 = "</td></tr>";
close_tag = "</table>";
hr_color = new Array("000000","ffff00","ff00ff","00ffff","ff0000","00ff00","0000ff");
function _load() {
xx = parseInt(document.all.mylay.style.left) + 2;
m=Math.floor(Math.random() * 10);
n = Math.floor(Math.random() * hr_color.length);
inner_tag = head_tag;
for(i=0;i<10;i++) {
inner_tag += main_tag_1;
if(i == m) inner_tag += "<hr width=100% size=1px color=" + hr_color[n] + " noshade>";
inner_tag += main_tag_2;
}
inner_tag += close_tag;
document.all.mylay.innerHTML = inner_tag + inner_tag + inner_tag + inner_tag + inner_tag + inner_tag + inner_tag + inner_tag;
document.all.mylay.style.left = xx;
if(xx <1100) setTimeout("_load()",10);
else document.all.mylay.style.visibility = 'hidden';
}
</script>
<body onload="_load()">
<div id=mylay style="position:absolute;top:0;left:0;width:1000;height:2000;visibility:visible;z-index:2">
</div>
<div id=mylay2 style="position:absolute;top:0;left:0;width:1000;height:2000;visibility:visible;z-index:1">
<img src=http://www.kangwhado.co.kr/kangwhado21/bbsupfiles/DSCN5753%20copy.jpg width=1024 height=768>
</div>
댓글 5
-
행복한고니
2003.03.17 18:02
딴지는 아니지만... 생성의 기분은 별로 안 드는 것이... -_-;; -
☺BBeak!☺
2003.03.17 18:43
솔직히;; 별로 안드는 ^^;;; -
[헉]몬끄
2003.03.17 21:52
맞습니다 맞고요 ! -
RedEye
2003.03.20 04:16
네,,, 이미지를 작은거로 쓰고 속도를 좀더 높이고 라인색을 리얼하게 하면 좀 나을듯,,,
원프레임의 타이틀 이미지를 저런식으로 꾸며도 괘안을듯 하네요. -
유연일
2003.03.25 20:30
실망했어요 ㅡㅠㅡ
히히히히;;
제목 | 글쓴이 | 날짜 |
---|---|---|
[PHP 동영상강의] 32. 자료의 정렬순서를 바꿔보자. [8] | 서기 | 2006.01.11 |
[PHP 동영상강의] 31. DB에서 값을 가져와 출력하기 [15] | 서기 | 2006.01.05 |
[PHP 동영상강의] 30. 테이블에 값을 추가해보자 [17] | 서기 | 2006.01.04 |
[PHP 동영상강의] 29. 테이블을 만들어보자! [5] | 서기 | 2006.01.04 |
[PHP 동영상강의] 28. SQL이란, phpmyadmin 설치방법 [5] | 서기 | 2006.01.03 |
[PHP 동영상강의] 27. 기본적인 환경변수들 [4] | 서기 | 2006.01.03 |
채널을 가장 쉽게 하는법 [17] | 미오유 | 2006.01.02 |
[PHP 동영상강의] 26. 쿠키의 시간제한 [2] | 서기 | 2005.12.26 |
PHP 구문 5가지 표기 방식 [6] | 이강민 | 2005.12.23 |
[PHP 동영상강의] 25. 회원가입처리 / 로그인 구현 [6] | 서기 | 2005.12.16 |
[PHP 동영상강의] 24. 쿠키의 사용 [3] | 서기 | 2005.12.13 |
[PHP 동영상강의] 23. 파일을 이용한 간단한 카운터 제작하기 [4] | 서기 | 2005.12.12 |
[PHP 동영상강좌] 22. 다른 사이트의 특정부위만 가져오기 [7] | 서기 | 2005.12.08 |
[PHP 동영상강좌] 21. 파일을 이용한 메모장 만들기 #3 [3] | 서기 | 2005.12.08 |
[PHP 동영상강좌] 20. 파일을 이용한 메모장 만들기 #2 [6] | 서기 | 2005.12.07 |
[PHP 동영상강의] 19. 파일을 이용한 메모장 만들기 #1 [10] | 서기 | 2005.11.29 |
[PHP 동영상강의] 18. 파일의 생성과 사용 [9] | 서기 | 2005.11.28 |
[PHP 동영상강좌] 17. 배열변수의 사용 [9] | 서기 | 2005.11.25 |
[PHP 동영상강좌] 16. for 반복문의 사용 [8] | 서기 | 2005.11.24 |
[PHP 동영상강좌] 15. 여러개의 파일을 이용한 설문조사 [7] | 서기 | 2005.11.23 |