웹마스터 팁
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
실망했어요 ㅡㅠㅡ
히히히히;;
제목 | 글쓴이 | 날짜 |
---|---|---|
MS홈에 쓰이는 오른쪽메뉴 툴바
[13]
![]() | Kortion | 2003.02.22 |
두군데 IFRAME 위치에 내용 동시출력하기-프레임에도 가능 [4] | 깜보 | 2003.02.22 |
슬라이딩 Layer ( 옆에 메뉴 보이시죠, 비슷꾸리한거 ) [8] | 이남두 | 2003.02.26 |
즐겨찾기 추가하기
[3]
![]() | 라엘 | 2003.03.01 |
자바스크립트로 쪼물딱 거리는 배경 이미지 [3] | 미친개 | 2003.03.02 |
허접하나마... 플래쉬와 동영상 받는 소스... [2] | 꽃ちゃん | 2003.03.04 |
다음 로그인 폼 입니다... 로그인후 원하는 곳으로!! [3] | 정성교 | 2003.03.05 |
자바스크립트로 만든 로또추첨기~ ^^ | 행복한고니 | 2003.03.05 |
주민등록번호를 받아 자동으로 폼에 생일, 성별 체크해주기 [4] | jugug | 2003.03.06 |
[re] 비밀번호 실시간(?) 확인 스크립트;;; 개인적으로 수정 [2] | 아이쿠 | 2003.03.15 |
비밀번호 실시간(?) 확인 스크립트;;; [11] | Zective | 2003.03.09 |
자바 스크립트 소스 올릴때 예제 쉽게 보이기 [2] | xcool | 2003.03.12 |
비밀번호 실시간 확인 스크립트 - 제로보드 응용버전 [2] | 세죠위그이 | 2003.03.14 |
그림을 생성시키는 듯한 효과의 스크립트 [5] | 미친개 | 2003.03.17 |
주민등록번호로 자동으로 생일, 성별체크 [3] | [포터]아렌티 | 2003.03.19 |
입력된 내용대로 출력하는 JS 소스코드 생성기 [1] | xcool | 2003.03.25 |
무료로 컵받침을 만들어주는 스크립트... -_-;; [18] | 행복한고니 | 2003.03.25 |
책갈피로 띄운 새창내용 바로가서 보기 | RedEye | 2003.03.27 |
[초보 강좌] 쉬운 사칙연산을 하여보자 첫번째 [3] | ZipShin | 2003.03.27 |
엔지오식 좌측이동메뉴 레이어 가운데기준정렬 [11] | 스티치 | 2003.03.29 |