웹사이트 관련 팁들을 모아놓은 곳입니다. 좋은팁 공유 합시다.
  • 웹미니 한줄 전광판 영역 입니다.
글 수 186

14

조회 수 : 2713 신고 : 0

profile
작성자 : title: [ani]깜빡이는 표정빽짱구
포인트 : 56933 | 레벨 : 25
미리보기 <==클릭


네스케이프 사용자분들은 로딩이 오래되면 stop을 누르세요.


<HTML>
<HEAD>
<TITLE>색깔보기</TITLE>
</HEAD>
<BODY bgcolor="white" text="black" link="blue" vlink="purple" alink="red">

<P><HR size="1" noshade><SCRIPT language="JavaScript">
<!--

// create 6-element array

var hex = new Array(6)

// assign non-dithered descriptors

hex[0] = "FF"

hex[1] = "CC"

hex[2] = "99"

hex[3] = "66"

hex[4] = "33"

hex[5] = "00"

// accept triplet string and display as background color

function display(triplet) {

// set color as background color

document.bgColor = '#' + triplet

// display the color hexadecimal triplet

alert('Background color is now ' + triplet)

}

// draw a single table cell based on all descriptors

function drawCell(red, green, blue) {

// open cell with specified hexadecimal triplet background color

document.write('<TD BGCOLOR="#' + red + green + blue + '">')

// open a hypertext link with javascript: scheme to call display function

document.write('<A HREF="javascript:display('' + (red + green + blue) + '')">')

// print transparent image (use any height and width)

document.write('<IMG SRC="../img/place.gif" BORDER=0 HEIGHT=12 WIDTH=12>')

// close link tag

document.write('</A>')

// close table cell

document.write('</TD>')

}

// draw table row based on red and blue descriptors

function drawRow(red, blue) {

// open table row

document.write('<TR>')

// loop through all non-dithered color descripters as green hex

for (var i = 0; i < 6; ++i) {

drawCell(red, hex[i], blue)

}

// close current table row

document.write('</TR>')

}

// draw table for one of six color cube panels

function drawTable(blue) {

// open table (one of six cube panels)

document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>')

// loop through all non-dithered color descripters as red hex

for (var i = 0; i < 6; ++i) {

drawRow(hex[i], blue)

}

// close current table

document.write('</TABLE>')

}

// draw all cube panels inside table cells

function drawCube() {

// open table

document.write('<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=1><TR>')

// loop through all non-dithered color descripters as blue hex

for (var i = 0; i < 6; ++i) {

// open table cell with white background color

document.write('<TD BGCOLOR="#FFFFFF">')

// call function to create cube panel with hex[i] blue hex

drawTable(hex[i])

// close current table cell

document.write('</TD>')

}

// close table row and table

document.write('</TR></TABLE>')

}

// call function to begin execution

drawCube()

// -->

</SCRIPT>
</body>
</HTML>

profile 글쓴이 빽짱구

단점이 없는 사람은 장점도 거의 없다 - 에이브러햄 링컨

엮인글 :
https://web.webmini.net/webtip/14005/889/trackback
소중한 댓글 부탁드립니다.
추천수 10단위당 메달이 1개씩 노출되고, 추천수에 따라 배경색이 변하며, 일정수의 추천수를 받을시 BEST 아이콘이 붙게됩니다.
추천수에 따른 배경색 보기 본문으로 바로가기
  • 추천수 50개이상
  • 추천수 30개이상
  • 추천수 20개이상
  • 추천수 10개이상
  • 추천수 3개이상
닫기

댓글 '2'

괴물물고기 (103451)

2009.09.22 18:49:19

미리보기 엑박 뜨네요 ㅠ_ㅠ
profile
title: [ani]깜빡이는 표정빽짱구 (103472)

2009.09.22 19:58:03

작성자

이게시물 올린날짜가.. 좀되었네요.. 그간 셀수없이 계정을 옮겨서 유실된 모양입니다.

List of Articles
번호 제목 글쓴이 날짜 추천 수sort 조회 수
186 best of best head 파일과 foot 파일 만드는 방법 [6] title: [ani]깜빡이는 표정빽짱구 2004-03-10 68 4124
185 best of best 홈페이지에 FTP 폼 넣기 [5] title: [ani]깜빡이는 표정빽짱구 2005-03-15 52 6238
184 best of best 서서히 변하는 롤오버 효과 [3] title: [ani]깜빡이는 표정빽짱구 2004-08-19 52 3847
183 best of best 제 community 메뉴에 쓰인 해드파일과 풋파일 [3] title: [ani]깜빡이는 표정빽짱구 2004-06-08 52 4197
182 best of best 프레임 보이고 숨기기 title: [ani]깜빡이는 표정빽짱구 2004-08-18 47 3617
181 best of best 프린트 버튼 출력하기 [1] title: [ani]깜빡이는 표정빽짱구 2004-08-19 40 3502
180 best of best HTML 테그표입니다. [2] title: [ani]깜빡이는 표정빽짱구 2004-02-17 38 3068
179 best of best 제로보드폴더 복구와 관련한.. [1] title: [ani]깜빡이는 표정빽짱구 2005-03-17 34 9485
178 best of best 제홈에 사용중인 스크롤바 색상 [1] title: [ani]깜빡이는 표정빽짱구 2004-10-13 34 3195
177 best of best 플래쉬 테두리생기는문제 코딩법 [2] title: [ani]깜빡이는 표정빽짱구 2006-04-25 33 9171
176 best of best 하이퍼링크란? (절대경로와 상대경로) title: [ani]깜빡이는 표정빽짱구 2004-10-17 33 7120
175 best of best FTP없이 자신의 계정없이 내용확인하기 [5] title: [ani]깜빡이는 표정빽짱구 2004-02-07 33 3395
174 best of best 서버이전 할경우 이미지네임관련 [4] title: [ani]깜빡이는 표정빽짱구 2005-03-19 32 6612
173 best of best 이미지 못가져가게 막기 [2] title: [ani]깜빡이는 표정빽짱구 2004-08-19 31 2928
172 best of best input 태그 (검색창안에 이미지넣기) [3] title: [ani]깜빡이는 표정빽짱구 2005-03-15 30 8682
171 best of best 플래쉬 swf 파일 투명하게하기 title: [ani]깜빡이는 표정빽짱구 2005-03-08 30 5120
170 best of best 자동광고글 차단하기 [1] title: [ani]깜빡이는 표정빽짱구 2004-08-21 30 3410
169 best of best select 폼 예쁘게 꾸며보기 [3] title: [ani]깜빡이는 표정빽짱구 2005-03-15 29 7141
168 best of best 그라데이션 셀렉박스만들기 [1] title: [ani]깜빡이는 표정빽짱구 2005-01-20 29 4761
167 best of best 태그목록 [2] title: [ani]깜빡이는 표정빽짱구 2004-02-17 29 2569