<!---- [1단계] 아래의 소스코드를 <HEAD>와 </HEAD> 사이에 붙여 넣으세요 ---->
<SCRIPT LANGUAGE="JavaScript">
<!--
function changeBackground(hexNumber) {
document.bgColor=hexNumber
}
prefix="#"
rnum1=0
bnum1=0
gnum1=0
rnum2=0
bnum2=0
gnum2=0
hexNumber2="#000000";
rcount=0;
bcount=0;
gcount=0;
function num2hex(num) {
if (num==15) return "f";
else if (num==14) return "e";
else if (num==13) return "d";
else if (num==12) return "c";
else if (num==11) return "b";
else if (num==10) return "a";
else if (num==9) return "9";
else if (num==8) return "8";
else if (num==7) return "7";
else if (num==6) return "6";
else if (num==5) return "5";
else if (num==4) return "4";
else if (num==3) return "3";
else if (num==2) return "2";
else if (num==1) return "1";
else return "0";
}
function changeBackground2(number) {
if(number == 1) {
rnum1=rcount%16;
if (rcount <15) {
rcount=rcount+1;
}
}
if(number == 2) {
gnum1=gcount%16;
if (gcount <15) {
gcount=gcount+1;
}
}
if(number == 3) {
bnum1=bcount%16;
if (bcount <15) {
bcount=bcount+1;
}
}
if(number == 4) {
rnum1=rcount%16;
if (rcount > 0) {
rcount=rcount-1;
}
}
if(number == 5) {
gnum1=gcount%16;
if (gcount > 0) {
gcount=gcount-1;
}
}
if(number == 6) {
bnum1=bcount%16;
if (bcount > 0) {
bcount=bcount-1;
}
}
hexNumber2 = prefix+num2hex(rnum1)+num2hex(rnum2)+num2hex(gnum1)+num2hex(gnum2)+num2hex(bnum1)+num2hex(bnum2);
document.bgColor=hexNumber2
}
//-->
</SCRIPT>
<!------------------------- 여기까지 ---------------------------------->
</HEAD>
<BODY>
<!---- [2단계] 아래의 코드를 원하는 위치에 복사 해 넣으세요 -------------------->
<CENTER>
<FORM METHOD="POST" NAME="background">
<TABLE WIDTH=350 BORDER="3" CELLPADDING="3">
<TR>
<TD Align=center><INPUT TYPE="button" VALUE="Red" ONCLICK="changeBackground('#FF0000')"></TD>
<TD Align=center><INPUT TYPE="button" VALUE="Green" ONCLICK="changeBackground('#00FF00')"></TD>
<TD Align=center><INPUT TYPE="button" VALUE="Blue" ONCLICK="changeBackground('#0000FF')"></TD>
<TD Align=center><INPUT TYPE="button" VALUE="White" ONCLICK="changeBackground('#FFFFFF')"></TD>
<TD Align=center><INPUT TYPE="button" VALUE="Black" ONCLICK="changeBackground('#000000')"></TD>
<TD Align=center><INPUT TYPE="button" VALUE="Grey" ONCLICK="changeBackground('#C0C0C0')"></TD>
</TR>
</TABLE>
<TABLE WIDTH=350 BORDER="3" CELLPADDING="3">
<TR><TD><center>배경색을 선택 해 보세요</center></TD>
</TR>
</TABLE>
<TABLE WIDTH=350 BORDER="3" CELLPADDING="3">
<TR>
<TD Align=center><INPUT TYPE="button" VALUE="+ Red" ONCLICK="changeBackground2(1)"><P>
<INPUT TYPE="button" VALUE="- Red" ONCLICK="changeBackground2(4)"></TD>
<TD Align=center><INPUT TYPE="button" VALUE="+ Green" ONCLICK="changeBackground2(2)"><P>
<INPUT TYPE="button" VALUE="- Green" ONCLICK="changeBackground2(5)"></TD>
<TD Align=center><INPUT TYPE="button" VALUE="+ Blue" ONCLICK="changeBackground2(3)"><P>
<INPUT TYPE="button" VALUE="- Blue" ONCLICK="changeBackground2(6)"></TD>
</TR>
</TABLE>
</FORM>
</CENTER>
<!------------------------- 여기까지 ---------------------------------->
기본
2013.09.09 21:55
배경색 변하는 버튼 스크립트
조회 수 3813 추천 수 0 댓글 0
| 미리보기 | http://linfree.com/javaboard/35.html |
|---|
웹코드
자바스크립트
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
|---|---|---|---|---|---|
| 32 | 기본 | 이미지에 마우스를 올리기만 해도 해당 링크로 팝업되는 스크립트 | 보석 | 2013.09.05 | 2684 |
| 31 | 기본 | 이미지에 마우스를 올리기만 해도 해당 링크로 이동되는 스크립트 | 보석 | 2013.09.04 | 2979 |
| 30 | 기본 | 요일별로 다른 페이지 열어주는 스크립트 | 보석 | 2013.09.06 | 4398 |
| 29 | 기본 | 요일별로 다른 이미지를 출력하는 스크립트 | 보석 | 2013.09.07 | 4040 |
| 28 | 기본 | 왼쪽 마우스 금지(제한) 스크립트 | 보석 | 2013.09.08 | 4078 |
| 27 | 기본 | 오른쪽 마우스 금지 스크립트 | 보석 | 2013.09.08 | 4133 |
| 26 | 기본 | 양쪽 마우스 금지(제한) 스크립트 | 보석 | 2013.09.08 | 3958 |
| 25 | 기본 | 앞으로 가기, 뒤로가기 버튼 스크립트 1 | 보석 | 2013.09.12 | 4595 |
| 24 | 기본 | 시간별로 배경화면 다르게 출력하는 스크립트 | 보석 | 2013.09.04 | 3409 |
| 23 | 기본 | 시간대 별로 다른 맨트 날리는 스크립트 | 보석 | 2013.09.05 | 2550 |
| 22 | 기본 | 스크롤바 색상 변경 스크립트 (여러가지 색) | 보석 | 2013.09.07 | 3993 |
| 21 | 기본 | 상태바에 링크 주소 숨기고 전체(채널모드)로 새창 열는 스크립트 | 보석 | 2013.09.07 | 4750 |
| 20 | 기본 | 보기좋은 글자 효과 배너 스크립트 1 | 보석 | 2013.09.12 | 4805 |
| 19 | 기본 | 버튼을 누르면 경고 맨트 출력 스크립트 | 보석 | 2013.09.12 | 4672 |
| 18 | 기본 | 배경화면 플래시(번쩍이는) 효과 스크립트 | 보석 | 2013.09.08 | 4190 |
| 17 | 기본 | 배경음악 스크립트 | 보석 | 2013.09.12 | 4731 |
| 16 | 기본 | 배경에 나이트클럽 효과 주는 스트립트 | 보석 | 2013.09.09 | 3856 |
| 15 | 기본 | 배경색 스크롤 박스 선택 스크립트(미리보기 참조) | 보석 | 2013.09.09 | 3960 |
| » | 기본 | 배경색 변하는 버튼 스크립트 | 보석 | 2013.09.09 | 3813 |
| 13 | 기본 | 배경 출력 후 원하는 링크로 이동 시키는 스크립트 | 보석 | 2013.09.09 | 4179 |