웹마스터 팁
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>
제목 | 글쓴이 | 날짜 |
---|---|---|
[동영상강좌] 제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 |
글씨대신 테이블로 하실려면
for문 밑의
document.write의 내용을
"<table height="16" width="16" border="0" bgcolor="" + clr[i] + "" onClick="cbg('" + clr[i] + "');"><tr><td></td></tr></table><br>"
이것으로 갈아끼워주시면 되요_-