로그인

검색

Home
✔ 뷰어로 보기
기본
2013.09.09 21:55

배경색 변하는 버튼 스크립트

보석
조회 수 3994 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

가 크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

가 크게 작게 위로 아래로 게시글 수정 내역 댓글로 가기 인쇄
Extra Form
미리보기 http://linfree.com/javaboard/35.html 


<!---- [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>

<!------------------------- 여기까지 ---------------------------------->


Facebook Twitter Google Pinterest KakaoStory Band
위로 아래로 게시글 수정 내역 댓글로 가기 인쇄
에디터 선택하기
?

웹코드

자바스크립트

  1. 마우스 오버시 셀 표 색상 변경 스크립트

    Date2013.09.06 Category기본 By보석 Views4303
    Read More

  2. 요일별로 다른 페이지 열어주는 스크립트

    Date2013.09.06 Category기본 By보석 Views4603
    Read More

  3. 날자별로 다른 페이지 열어주는 스크립트

    Date2013.09.06 Category기본 By보석 Views4231
    Read More

  4. 상태바에 링크 주소 숨기고 전체(채널모드)로 새창 열는 스크립트

    Date2013.09.07 Category기본 By보석 Views4817
    Read More

  5. 창닫기 스크립트 모음

    Date2013.09.07 Category기본 By보석 Views4270
    Read More

  6. 요일별로 다른 이미지를 출력하는 스크립트

    Date2013.09.07 Category기본 By보석 Views4215
    Read More

  7. 페이지를 나갈때 머문 시간 알려주고 인사하는 스크립트

    Date2013.09.07 Category기본 By보석 Views4143
    Read More

  8. 현재시간 로그인한시간 홈페이지 머문시간을 알려주는 스크립트

    Date2013.09.07 Category기본 By보석 Views4231
    Read More

  9. 스크롤바 색상 변경 스크립트 (여러가지 색)

    Date2013.09.07 Category기본 By보석 Views4047
    Read More

  10. 홈페이지 이메일주소 숨기는(보호하는)스크립트

    Date2013.09.07 Category기본 By보석 Views5434
    Read More

  11. 즐겨찾기 추가 단축키 포함 스크립트

    Date2013.09.08 Category기본 By보석 Views4369
    Read More

  12. 간단한 폼메일 스크립트 입니다.

    Date2013.09.08 Category기본 By보석 Views4203
    Read More

  13. 다양한 css 링크스타일 입니다.

    Date2013.09.08 Category기본 By보석 Views4114
    Read More

  14. 오른쪽 마우스 금지 스크립트

    Date2013.09.08 Category기본 By보석 Views4220
    Read More

  15. 왼쪽 마우스 금지(제한) 스크립트

    Date2013.09.08 Category기본 By보석 Views4153
    Read More

  16. 양쪽 마우스 금지(제한) 스크립트

    Date2013.09.08 Category기본 By보석 Views4059
    Read More

  17. 배경화면 플래시(번쩍이는) 효과 스크립트

    Date2013.09.08 Category기본 By보석 Views4390
    Read More

  18. 배경색 변하는 버튼 스크립트

    Date2013.09.09 Category기본 By보석 Views3994
    Read More

  19. 배경에 나이트클럽 효과 주는 스트립트

    Date2013.09.09 Category기본 By보석 Views4065
    Read More

  20. 해당 링크에 마우스를 올리면 배경색이 바뀌는 스크립트

    Date2013.09.09 Category기본 By보석 Views4217
    Read More
쓰기
Board Pagination Prev 1 2 ... 3 Next
/ 3