웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
배경색 랜덤으로 바꾸는 스크립트
2005.10.15 19:02
head에 이것을~
<script language=javascript>
<!--
function mary(n){ //배열
this.length=n;
for(var i=1;i<n;i++)
this[i]=0;
return this;
}
function bgrandom(){ //배경색 바꾸는 함수
a=new mary(6); //RGB 6자리의 배열 선언
for(i=0;i<6;i++){ //문자형 변수로
a[i]=new String
}
for(i=0;i<6;i++){ //각자 랜덤한 수 대입
a[i]=Math.floor(Math.random()*16);
if(a[i]>10){
switch(a[i]){ //10이상일경우 16진수로 바꾸는 작업
case 10 :
a[i]="a"
break;
case 11 :
a[i]="b"
break;
case 12 :
a[i]="c"
break;
case 13 :
a[i]="d"
break;
case 14 :
a[i]="e"
break;
case 15 :
a[i]="f"
break;
}
}
}
document.bgColor="#"+a[0]+""+a[1]+""+a[2]+""+a[3]+""+a[4]+""+a[5] //색상코드 제작 + 배경색 바꿈
}
function st(){ //1000밀리초마다 bgrandom() 함수 동작
setInterval("bgrandom()",1000)
}
-->
</script>
그리고 body에는
요 구문을 추가해주셔서 onLoad="st();"
<body onLoad="st();"> 이렇게 되면 되어요.
제 첫작품인데 좋게 봐주세요(중복이면 어쩌지..)
숫자를 16진수로 바꾸는 방법을 알면 스위치문을 사용할 필요가 없을텐데ㅠ
<script language=javascript>
<!--
function mary(n){ //배열
this.length=n;
for(var i=1;i<n;i++)
this[i]=0;
return this;
}
function bgrandom(){ //배경색 바꾸는 함수
a=new mary(6); //RGB 6자리의 배열 선언
for(i=0;i<6;i++){ //문자형 변수로
a[i]=new String
}
for(i=0;i<6;i++){ //각자 랜덤한 수 대입
a[i]=Math.floor(Math.random()*16);
if(a[i]>10){
switch(a[i]){ //10이상일경우 16진수로 바꾸는 작업
case 10 :
a[i]="a"
break;
case 11 :
a[i]="b"
break;
case 12 :
a[i]="c"
break;
case 13 :
a[i]="d"
break;
case 14 :
a[i]="e"
break;
case 15 :
a[i]="f"
break;
}
}
}
document.bgColor="#"+a[0]+""+a[1]+""+a[2]+""+a[3]+""+a[4]+""+a[5] //색상코드 제작 + 배경색 바꿈
}
function st(){ //1000밀리초마다 bgrandom() 함수 동작
setInterval("bgrandom()",1000)
}
-->
</script>
그리고 body에는
요 구문을 추가해주셔서 onLoad="st();"
<body onLoad="st();"> 이렇게 되면 되어요.
제 첫작품인데 좋게 봐주세요(중복이면 어쩌지..)
숫자를 16진수로 바꾸는 방법을 알면 스위치문을 사용할 필요가 없을텐데ㅠ
제목 | 글쓴이 | 날짜 |
---|---|---|
[동영상강좌] 제13회차 - [문법] 출력문 | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제12회차 - [문법] 자바스크립트의 구조 | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제11회차 - 마우스를 올려 테두리 나오게 하기 | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제10회차 - F11키 처럼 창키우기 [1] | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제9회차 - 메시지창(문서열때,닫을때,클릭시) | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제8회차 - 뒤로가기/앞으로가기 만들기 [1] | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제7회차 - 롤오버기능 만들기 | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제6회차 - 시간별로 배경이 바뀌게 만드는방법 | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제5회차 - 풀스크린으로 링크거는방법 | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제4회차 - 풀다운메뉴 만드는방법 | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제3회차 - 자동으로 창열고닫기 | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제2회차 - 팝업창 띄우기 [1] | 아이티스터디 | 2006.02.02 |
[동영상강좌] 제1회차 - 랜덤광고 만들기 [1] | 아이티스터디 | 2006.02.02 |
새창으로 페이지열기에 대한... [2] | 나만의길 | 2006.01.04 |
홈페이지 만드실때 방문자의 해상도가 걱정 되신다면 [5] | 한용 | 2005.11.11 |
주소창에 경로감추기 [5] | ☆쭈야☆ | 2005.10.29 |
임의로 전체에서 몇개의 배너만 출력하기(오류 수정 ㅜ,.ㅜ) | ColonD | 2005.10.20 |
2005/10/16 21:15 pm 형식으로 출력되는 시계 [5] | 웹-하루 | 2005.10.18 |
클릭으로 배경색 바꾸는 스크립트(수정) [1] | ColonD | 2005.10.16 |
배경색 랜덤으로 바꾸는 스크립트 [1] | ColonD | 2005.10.15 |
document.bgColor부분을
document.fgColor
document.linkColor
document.vlinkColor
등으로 바꾸면 응용작품 탄생~....