웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
클릭으로 배경색 바꾸는 스크립트(수정)
2005.10.16 20:33
할줄아는게 이런것밖에없네요ㅠ
변수에 색상코드만 넣어주면 알아서 배경을 바꾸는 버튼을 만들어주는 소스랍니다.
<script language=javascript>
<!--
var clr = new Array("white","skyblue","yellow","green","blue","red","black","777777") //배열 선언 - 이곳에다 추가할 색상코드를 써주시면 됩니다.
function cbg(clr) //배경색을 바꾸는 함수 입니다.
{
document.bgColor=clr;
}
for(i=0;i<clr.length;i++) //위에서 선언한 배열을 불러오는 함수입니다.
document.write("<a href="#" onClick="cbg('" + clr[i] + "');"><font color=" + clr[i] + ">" + clr[i] + "</font></a> ")
-->
</script>
헤드부분에 넣으시면 되요.
소스"내"에서 궁금한점 있으시면 질문해주세요~
------------------
비슷한걸로 우려먹기하다 혼날것같으니 여기에 끼워넣기를...
위의 스크립트와 틀린점이라면 100% 테이블 버젼이여요~
<script language=javascript>
<!--
var clr = new Array("white","skyblue","yellow","green","blue","red","black","777777","ab9c6e") //배열 선언 - 이곳에다 추가할 색상코드를 써주시면 됩니다.
function cbg(clr) //배경색을 바꾸는 함수 입니다.
{
document.bgColor=clr;
}
document.write("<table border="0"><tr>")
for(i=0;i<clr.length;i++) //위에서 선언한 배열을 불러오는 함수입니다.
{
document.write("<td width="25" bgcolor=" + clr[i] + " onClick="cbg('" + clr[i] + "');"> </td>")
}
document.write("</tr></table>")
-->
</script>
변수에 색상코드만 넣어주면 알아서 배경을 바꾸는 버튼을 만들어주는 소스랍니다.
<script language=javascript>
<!--
var clr = new Array("white","skyblue","yellow","green","blue","red","black","777777") //배열 선언 - 이곳에다 추가할 색상코드를 써주시면 됩니다.
function cbg(clr) //배경색을 바꾸는 함수 입니다.
{
document.bgColor=clr;
}
for(i=0;i<clr.length;i++) //위에서 선언한 배열을 불러오는 함수입니다.
document.write("<a href="#" onClick="cbg('" + clr[i] + "');"><font color=" + clr[i] + ">" + clr[i] + "</font></a> ")
-->
</script>
헤드부분에 넣으시면 되요.
소스"내"에서 궁금한점 있으시면 질문해주세요~
------------------
비슷한걸로 우려먹기하다 혼날것같으니 여기에 끼워넣기를...
위의 스크립트와 틀린점이라면 100% 테이블 버젼이여요~
<script language=javascript>
<!--
var clr = new Array("white","skyblue","yellow","green","blue","red","black","777777","ab9c6e") //배열 선언 - 이곳에다 추가할 색상코드를 써주시면 됩니다.
function cbg(clr) //배경색을 바꾸는 함수 입니다.
{
document.bgColor=clr;
}
document.write("<table border="0"><tr>")
for(i=0;i<clr.length;i++) //위에서 선언한 배열을 불러오는 함수입니다.
{
document.write("<td width="25" bgcolor=" + clr[i] + " onClick="cbg('" + clr[i] + "');"> </td>")
}
document.write("</tr></table>")
-->
</script>
제목 | 글쓴이 | 날짜 |
---|---|---|
[초보 강좌] 쉬운 사칙연산을 하여보자 첫번째 [3] | ZipShin | 2003.03.27 |
책갈피로 띄운 새창내용 바로가서 보기 | RedEye | 2003.03.27 |
무료로 컵받침을 만들어주는 스크립트... -_-;; [18] | 행복한고니 | 2003.03.25 |
입력된 내용대로 출력하는 JS 소스코드 생성기 [1] | xcool | 2003.03.25 |
주민등록번호로 자동으로 생일, 성별체크 [3] | [포터]아렌티 | 2003.03.19 |
그림을 생성시키는 듯한 효과의 스크립트 [5] | 미친개 | 2003.03.17 |
비밀번호 실시간 확인 스크립트 - 제로보드 응용버전 [2] | 세죠위그이 | 2003.03.14 |
자바 스크립트 소스 올릴때 예제 쉽게 보이기 [2] | xcool | 2003.03.12 |
비밀번호 실시간(?) 확인 스크립트;;; [11] | Zective | 2003.03.09 |
[re] 비밀번호 실시간(?) 확인 스크립트;;; 개인적으로 수정 [2] | 아이쿠 | 2003.03.15 |
주민등록번호를 받아 자동으로 폼에 생일, 성별 체크해주기 [4] | jugug | 2003.03.06 |
자바스크립트로 만든 로또추첨기~ ^^ | 행복한고니 | 2003.03.05 |
다음 로그인 폼 입니다... 로그인후 원하는 곳으로!! [3] | 정성교 | 2003.03.05 |
허접하나마... 플래쉬와 동영상 받는 소스... [2] | 꽃ちゃん | 2003.03.04 |
자바스크립트로 쪼물딱 거리는 배경 이미지 [3] | 미친개 | 2003.03.02 |
즐겨찾기 추가하기
[3]
![]() | 라엘 | 2003.03.01 |
슬라이딩 Layer ( 옆에 메뉴 보이시죠, 비슷꾸리한거 ) [8] | 이남두 | 2003.02.26 |
두군데 IFRAME 위치에 내용 동시출력하기-프레임에도 가능 [4] | 깜보 | 2003.02.22 |
MS홈에 쓰이는 오른쪽메뉴 툴바
[13]
![]() | Kortion | 2003.02.22 |
개판 오분전 이미지 슬라이더 [5] | 미친개 | 2003.02.20 |
글씨대신 테이블로 하실려면
for문 밑의
document.write의 내용을
"<table height="16" width="16" border="0" bgcolor="" + clr[i] + "" onClick="cbg('" + clr[i] + "');"><tr><td></td></tr></table><br>"
이것으로 갈아끼워주시면 되요_-