<!---- [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
배경색 변하는 버튼 스크립트
조회 수 3812 추천 수 0 댓글 0
미리보기 | http://linfree.com/javaboard/35.html |
---|
웹코드
자바스크립트
번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|---|
44 | 기본 | 홈페이지 이메일주소 숨기는(보호하는)스크립트 | 보석 | 2013.09.07 | 5228 |
43 | 기본 | 보기좋은 글자 효과 배너 스크립트 1 | 보석 | 2013.09.12 | 4805 |
42 | 기본 | 상태바에 링크 주소 숨기고 전체(채널모드)로 새창 열는 스크립트 | 보석 | 2013.09.07 | 4747 |
41 | 기본 | 배경음악 스크립트 | 보석 | 2013.09.12 | 4730 |
40 | 기본 | 버튼을 누르면 경고 맨트 출력 스크립트 | 보석 | 2013.09.12 | 4670 |
39 | 기본 | 클릭하면 이메일 보내기 실행하는 스크립트 | 보석 | 2013.09.12 | 4664 |
38 | 기본 | 좋아하는 색상을 입력하면 배경으로 출력하는 스크립트 | 보석 | 2013.09.12 | 4657 |
37 | 기본 | 앞으로 가기, 뒤로가기 버튼 스크립트 1 | 보석 | 2013.09.12 | 4593 |
36 | 기본 | 랜덤 배경 스크립트 | 보석 | 2013.09.09 | 4587 |
35 | 기본 | 요일별로 다른 페이지 열어주는 스크립트 | 보석 | 2013.09.06 | 4397 |
34 | 기본 | 화면 흔들어주는 스크립트 | 보석 | 2013.09.06 | 4227 |
33 | 기본 | 배경화면 플래시(번쩍이는) 효과 스크립트 | 보석 | 2013.09.08 | 4190 |
32 | 기본 | 즐겨찾기 추가 단축키 포함 스크립트 | 보석 | 2013.09.08 | 4180 |
31 | 기본 | 배경 출력 후 원하는 링크로 이동 시키는 스크립트 | 보석 | 2013.09.09 | 4179 |
30 | 기본 | 날자별로 다른 페이지 열어주는 스크립트 | 보석 | 2013.09.06 | 4162 |
29 | 기본 | 오른쪽 마우스 금지 스크립트 | 보석 | 2013.09.08 | 4133 |
28 | 기본 | 페이지를 나갈때 머문 시간 알려주고 인사하는 스크립트 | 보석 | 2013.09.07 | 4110 |
27 | 기본 | 왼쪽 마우스 금지(제한) 스크립트 | 보석 | 2013.09.08 | 4077 |
26 | 기본 | 창닫기 스크립트 모음 | 보석 | 2013.09.07 | 4075 |
25 | 기본 | 마우스 오버시 셀 표 색상 변경 스크립트 | 보석 | 2013.09.06 | 4071 |