JS 216网页安全色调色板 DW 风格

网系我情

版主

Rank: 7 Rank: 7 Rank: 7

1^# 大中小发表于 2007-6-23 09:01 只看该作者

JS 216网页安全色调色板 DW 风格

利用JS做的一个网页安全色调色板希望大家用得上！
- w& k. u* y8 M
运行代码框
html3 \% j6 T, F7 L
$ w. s: L- a8 C  z
head% N, p. {" d, @4 a# j

meta http-equiv="Content-Type" content="text/html; charset=gb2311"3 e4 G# w/ Z' P' H. Q# Z) ^

titleDW调色板/title/ @9 D3 \: B) M# h  n, _3 z/ e
0 N1 `  J8 Z. O3 g4 Z7 g9 d" ?
script

var ColorHex=new Array('00','33','66','99','CC','FF')5 j% B# S8 C% @9 l

var SpColorHex=new Array('FF0000','00FF00','0000FF','FFFF00','00FFFF','FF00FF')  ]* h' y- A6 |! T) B

var current=null

# O7 ~' Z3 F( F5 l& x
* \7 i1 q2 w" ~* s8 R
function intocolor()

{8 n# Y( K( Z% S* {4 |1 |: @

var colorTable=''

for (i=0;i2;i  )! c( H! \1 M3 E: J& [- G, n9 I% p9 y

{/ y! h2 [3 b8 w0 p7 T& I

  for (j=0;j6;j  )
( n7 p% R1 ?% P/ Z& j: e
{
5 p+ |1 G2 d# d( e' `  c) ]0 P" R
colorTable=colorTable 'tr height=12'0 h7 o8 q* ]6 G6 {

colorTable=colorTable 'td width=11 style="background-color:#000000"'

5 e) a1 Q4 M5 E) i% C

if (i==0){- Q- R) y- }  G, U+ k
* [9 H& _" J+ C1 [- S
colorTable=colorTable 'td width=11 style="background-color:#' ColorHex[j] ColorHex[j] ColorHex[j] '"'}
0 S3 o$ ~! H; E5 ~, ^1 ]& `6 j
else{& W$ {% F% K4 S3 @$ x: }& s

colorTable=colorTable 'td width=11 style="background-color:#' SpColorHex[j] '"'}
) u  C# O2 [3 m0 T. ^% L) T

7 x' F- U  w7 ?3 i4 W* t, t

: L+ k' {. J3 J, ^8 b; m' r
colorTable=colorTable 'td width=11 style="background-color:#000000"'/ r* q; f8 \4 @" }% g
. F7 v0 d/ ~3 k3 r" J6 M0 g  l: w
for (k=0;k3;k  )
( m0 E  \! k* Z' W
   {

   for (l=0;l6;l  )' V7 i8 v  T$ f+ k6 S' J5 |* j

   {7 M# P7 |( C5 Q  h9 p- v# x* _  q; w

      colorTable=colorTable 'td width=11 style="background-color:#' ColorHex[k i*3] ColorHex[l] ColorHex[j] '"'
" v( @# X* C& g
   }1 a# K" d9 r* a" V7 ?+ C
9 r4 Q8 G% `& ^6 a
   }

  }
/ l8 B- P( r% n
}

colorTable='table width=253 border="0" cellspacing="0" cellpadding="0" style="border:1px #000000 solid;border-bottom:none;border-collapse: collapse" bordercolor="000000"'
+ l8 u; L5 `3 ^. `. x* X! s
         'tr height=30td colspan=21 bgcolor=#cccccc'

         'table cellpadding="0" cellspacing="1" border="0" style="border-collapse: collapse"'

         'trtd width="3"tdinput type="text" name="DisColor" size="6" disabled style="border:solid 1px #000000;background-color:#ffff00"/td': e6 l% T3 d* g+ S

         'td width="3"tdinput type="text" name="HexColor" size="7" style="border:inset 1px;font-family:Arial;" value="#000000"/td/tr/table/td/table'

         'table border="1" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="000000"  onmouseout="doOut()"  style="cursor:hand;"'0 H: ~2 Z. J0 Q" @/ e

         colorTable '/table';
6 u/ Y- p) {' t( E. {
colorpanel.innerHTML=colorTable- z6 w8 y  `; p% f4 J% k
: d: K( d" i' o3 {& R# v
}

function doOver() {( Y. I' _$ ?1 U5 ?' t

   if ((event.srcElement.tagName=="TD")  (current!=event.srcElement)) {

      if (current!=null){current.style.backgroundColor = current._background}      ~8 S& P9 v% }  G/ e

      event.srcElement._background = event.srcElement.style.backgroundColor

      DisColor.style.backgroundColor = event.srcElement.style.backgroundColor! f) M5 w4 f. f5 Z6 O$ ?
; V5 h0 n! g/ {) o
      HexColor.value = event.srcElement.style.backgroundColor

      event.srcElement.style.backgroundColor = "white"
8 K# k5 Z& A' w% d. w7 z  l
      current = event.srcElement

   }

}

8 k, B. C4 @! {" `5 J) L8 c

function doOut() {

if (current!=null) current.style.backgroundColor = current._background% G$ x) G" X5 H: E2 e

}  {4 O/ K) i  e( P4 {

* y" L% ^4 ^- K, G9 I
9 |9 e( N& Q/ ~7 z' I
function doclick(){! I" u( m3 k# B, C
/ ^( r- F0 ?4 k( t* H( q% n# [
if (event.srcElement.tagName=="TD"){; G  E5 L! a. @' ]% [

alert("选取颜色: " event.srcElement._background)1 j) r  d. `2 Q7 t
) q; ]4 l7 h: p2 O' S5 y1 }' {
return event.srcElement._background% L/ g& Z! K6 H! C9 e  y

}5 M* C2 F) {4 _/ Z: N
- L8 J$ S' k. a' `0 H5 l: t/ ~
}
# {! A( b# \( ^
/script( a( M: Q! r1 [
& N( D/ G" t" J
/head

body

div id="colorpanel" style="position: absolute;"4 e0 J1 |4 A( {. V' e6 F
: M5 U: {) ~& H- w3 s
　/div/ s* L8 o6 }! v9 a- @8 w6 }
5 |6 P- I( X* {( g% |
/body' `+ H' R  z  Q) q/ X* x
# J0 x6 ?) z3 f2 u: N
/html

点击图标进入精品网摘收藏欢迎大家加入网络收藏夹

TOP

‹‹ 上一主题 | 下一主题 ››