Skip to content

GuitarMania

Home ›새내기방 ›즐거운 컴퓨터
✔ 뷰어로 보기
2001.03.19 20:37

body bgcolor 이벤트

고정석
(*.55.91.229) 조회 수 5626 댓글 0
+ - Up Down Comment Print






 











<html><br> <head><br>
<title>Background Fade Script</title><br> size="2" color="#2F2F2F"><script><br> var y = 1 ; function
makeArray(n){this.length = n ; for (var i = 1 ; i <= n ; i++){this[i]
= 0 }return this}<br> colors = new makeArray(6);<br> colors[1] =
"red";<br> colors[2] = "orange";<br> colors[3]
= "yellow";<br> colors[4] = "hotpink";<br> colors[5]
= "skyblue";<br> colors[6] = "gray";<br> function
nblood() {document.bgColor = colors[y] ;if (y < 6) {y++ ;setTimeout("nblood()",
300) ; } }<br> </script></head><br>
<body onload="nblood()" size="2" color="gray">><br> </body><br> </html>

배경색이
바뀌죠?<br> 지정한 색으로 바꿔주는 소스입니다.


소스중 이부분에서 색을 얼마든지 추가하실
수 있어요.


만약 빨강색과 오렌지색... 두가지
색으로만 하시고 싶으시면...<br>
<script><br> var y = 1 ; function makeArray(n){this.length
= n ; for (var i = 1 ; i <= n ; i++){this[i] = 0 }return this}<br>
colors = new makeArray(2);<br> colors[1] = "red";<br>
colors[2] = "orange";<br>function nblood() {document.bgColor = colors[y] ;if (y < 2) {y++ ;setTimeout("nblood()",
300) ; } }<br> </script></head><br> <body onload="nblood()"><br>
이렇게 하심 되겠지요... 위 소스와
무엇이 달라지는지 보이세요?<br> 컬러수 만큼 color="#2F2F2F"> new makeArray(2); 과 size="2" color="#2F2F2F"> colors[y] ;if (y < 2) size="2" color="gray">이것의 수치가 2자로 바뀌어진거 아시겠죠?<br>
컬러만큼 이 부분도 수정해 주셔야 해요.


{y++ ;setTimeout("nblood()",
300) ; } } 이 부분은 색이 바뀌는
시간 간격을 정의해요.<br> 수치가 높을수록 변화시간 간격은 길어집니다.


그럼 예쁘게 꾸며 보시고요...  모기가
준비한 응용예제도 한번 보시고 참고해 보세요.<br>
 


target="_blank">1) 깔쌈버전 size="2" color="gray">                                    href="http://www.nblood.com/mosquito/bfs-2.html" target="_blank"> size="2" color="gray">2) 화들짝버전


감기 조심하시고...옷 따따시하게 입고
다니세요~~~ ^^   욜분덜앙 ~ 알라뷰~~♡

size="2" color="gray">snowdrowb@nblood.com color="gray"><br> color="gray">http://www.nblood.com



Me2day Yozm
Up Down Print 수정 삭제
●? 에디터 선택하기
?
●? 에디터 사용하기 닫기

  1. 멋진 텍스트 효과(1)

    Date2001.03.19 By고정석 Views10095
    Read More

  2. 타이핑 치듯 나타나는 텍스트

    Date2001.03.19 By고정석 Views7090
    Read More

  3. 눈내리는 이미지 만들기

    Date2001.03.19 By고정석 Views8147
    Read More

  4. 무지개색 효과내는 텍스트

    Date2001.03.19 By고정석 Views11239
    Read More

  5. ☞ snow.class 다운받기

    Date2001.03.19 By고정석 Views8663
    Read More

  6. 다이나믹한 메뉴 만들자

    Date2001.03.19 By고정석 Views6580
    Read More

  7. 이미지 뽀샤시 하게 해보장^^* (Alpha)

    Date2001.03.19 By고정석 Views5511
    Read More

  8. body bgcolor 이벤트

    Date2001.03.19 By고정석 Views5626
    Read More

  9. 폼메뉴 만들기

    Date2001.03.19 By고정석 Views5507
    Read More

  10. 포토갤러리 만들어보자

    Date2001.03.19 By고정석 Views5709
    Read More

  11. 요일별로 배경 바꾸기

    Date2001.03.19 By고정석 Views5325
    Read More

  12. 텍스트 색 변하게 하기 (blink)

    Date2001.03.19 By고정석 Views5724
    Read More

  13. 음악감상 플레이어 만들기

    Date2001.03.19 By고정석 Views6094
    Read More

  14. 호빵이 마음대로 돌아다니는 소스

    Date2001.03.19 By고정석 Views5946
    Read More

  15. ram파일 배경음악 실행시키기

    Date2001.03.19 By고정석 Views6086
    Read More

  16. 마우스 오른쪽 버튼 소스보기 막기

    Date2001.03.19 By고정석 Views5759
    Read More

  17. 쿠키를 이용한 방문횟수와 환영메세지(창으로)

    Date2001.03.19 By고정석 Views5507
    Read More

  18. 자바스크립트 새창띄우기

    Date2001.03.19 By고정석 Views5649
    Read More

  19. 자바스크립트를 이용한 브라우저 흔들기

    Date2001.03.19 By고정석 Views5423
    Read More

  20. 문서 들어가고 나갈때 메세지 띄우기

    Date2001.03.19 By고정석 Views4908
    Read More

  21. 마우스 따라다니는 텍스트

    Date2001.03.19 By고정석 Views5101
    Read More

  22. 마우스를 따라 다니는 이미지

    Date2001.03.19 By고정석 Views6102
    Read More

  23. 마우스 따라당기는 원모양 (글씨,이미지)

    Date2001.03.19 By고정석 Views5798
    Read More

  24. 음악감상 플레이어 만들기

    Date2001.03.19 By고정석 Views5515
    Read More

  25. 음성 이메일 보낼수 있는 프로그램

    Date2001.03.19 By고정석 Views5402
    Read More

  26. 레이어 공지창 띄우기

    Date2001.03.19 By고정석 Views6239
    Read More

  27. 사진 무료로 스캔해주는 싸이트...

    Date2001.03.19 By고정석 Views5491
    Read More
쓰기
Board Pagination ‹ Prev 1 2 3 4 5 6 Next ›
/ 6

나눔글꼴 설치 안내


이 PC에는 나눔글꼴이 설치되어 있지 않습니다.

이 사이트를 나눔글꼴로 보기 위해서는
나눔글꼴을 설치해야 합니다.

✔ 설치 취소

Designed by sketchbooks.co.kr / sketchbook5 board skin

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Sketchbook5, 스케치북5

Powered by Xpress Engine / Designed by hikaru100

abcXYZ, 세종대왕,1234

abcXYZ, 세종대왕,1234