设为首页收藏本站订阅更新

无忧脚本

 找回密码
 加入无忧

QQ登录

只需一步,快速开始

搜索
查看: 4927|回复: 3

[其他] 【报道】色彩搭配按形容词分类

[复制链接]
发表于 2007-12-16 20:57:20 | 显示全部楼层 |阅读模式
初来本版,请各位老大多多关照:loveliness:
  1. <style>
  2. .colorblock{
  3.         display:inline;
  4.         width:199px;
  5.         background-color:blue;
  6. }
  7. .links{
  8.         width:300px;
  9.         height:500px;
  10.         display:inline;
  11.         border:solid 1px green;
  12. }
  13. #colordiv{
  14.         display:inline;
  15.         width:600px;
  16.         height:500px;
  17.         border:solid 1px green;
  18. }
  19. </style>
  20. <script>
  21. var names=new Array();
  22. var colors=new Array();
  23. names.push("柔和、洁净、爽朗");
  24. var arr=new Array();
  25. arr.push(["#ccff99","#ffffff","#99ccff"]);
  26. arr.push(["#99cccc","#ffffff","#ccff99"]);
  27. arr.push(["#ccffcc","#ffffff","#66cccc"]);
  28. arr.push(["#ccccff","#ffffff","#99cccc"]);
  29. arr.push(["#ccffcc","#99cccc","#ffffcc"]);
  30. arr.push(["#ccffff","#ffffff","#ccccff"]);
  31. arr.push(["#ccffff","#ffffff","#99ccff"]);
  32. arr.push(["#66cc99","#ffffff","#ccffff"]);
  33. arr.push(["#6699cc","#ffffff","#99ccff"]);
  34. arr.push(["#ccccff","#ffffff","#99ccff"]);
  35. colors.push(arr);
  36. names.push("柔和、明亮、温和");
  37. var arr=new Array();
  38. arr.push(["#ffffcc","#ccffff","#ffcccc"]);
  39. arr.push(["#ffcccc","#ffff99","#ccccff"]);
  40. arr.push(["#ff9966","#ff6666","#ffcccc"]);
  41. arr.push(["#ffcc99","#ccff99","#cccccc"]);
  42. arr.push(["#ffcccc","#ccccff","#ccffcc"]);
  43. arr.push(["#ccffff","#cccccc","#ccff99"]);
  44. arr.push(["#ffcccc","#ffffff","#99cc99"]);
  45. arr.push(["#99cccc","#ffcc99","#ffcccc"]);
  46. arr.push(["#ccccff","#ffcccc","#ccffff"]);
  47. arr.push(["#ffcc99","#ffffcc","#99cccc"]);
  48. colors.push(arr);
  49. names.push("可爱、快乐、有趣");
  50. var arr=new Array();
  51. arr.push(["#66cccc","#ccff66","#ff99cc"]);
  52. arr.push(["#ff9999","#ffffff","#ffcc99"]);
  53. arr.push(["#ff6666","#ffff66","#99cc66"]);
  54. arr.push(["#666699","#ffffff","#ff9999"]);
  55. arr.push(["#99cc33","#ff9900","#ffcc00"]);
  56. arr.push(["#ff0033","#ffffff","#ff9966"]);
  57. arr.push(["#ff9900","#ccff00","#cc3399"]);
  58. arr.push(["#99cc33","#ffffff","#ff6600"]);
  59. arr.push(["#993366","#cccc33","#666633"]);
  60. arr.push(["#66cccc","#ffffff","#666699"]);
  61. colors.push(arr);
  62. names.push("活泼、快乐、有趣");
  63. var arr=new Array();
  64. arr.push(["#cc9999","#ffff99","#666699"]);
  65. arr.push(["#ff9900","#ffff00","#0099cc"]);
  66. arr.push(["#cccc99","#cc3399","#99cc00"]);
  67. arr.push(["#ff6666","#ffff00","#3399cc"]);
  68. arr.push(["#cc6600","#999999","#cccc33"]);
  69. arr.push(["#ff9933","#ffffcc","#009933"]);
  70. arr.push(["#0099cc","#cccccc","#ff6666"]);
  71. arr.push(["#ff6600","#ffff66","#009966"]);
  72. arr.push(["#cc6633","#ffcc99","#cc6600"]);
  73. arr.push(["#cc0066","#009999","#ffcc33"]);
  74. colors.push(arr);
  75. names.push("运动型、轻快");
  76. var arr=new Array();
  77. arr.push(["#ff6666","#ffff00","#006699"]);
  78. arr.push(["#ff9966","#ffffff","#0066cc"]);
  79. arr.push(["#339933","#ffcc33","#336699"]);
  80. arr.push(["#ff9900","#ffffcc","#336699"]);
  81. arr.push(["#cc6600","#cccc33","#336699"]);
  82. arr.push(["#99cc33","#ffffff","#0099cc"]);
  83. arr.push(["#99cc33","#ff6666","#336699"]);
  84. arr.push(["#336699","#ffffff","#99cccc"]);
  85. arr.push(["#ff0033","#333399","#cccc00"]);
  86. arr.push(["#33cc99","#ffff00","#336699"]);
  87. colors.push(arr);
  88. names.push("狂野、充沛、动感");
  89. var arr=new Array();
  90. arr.push(["#990066","#ffff00","#003399"]);
  91. arr.push(["#cc0033","#000000","#003399"]);
  92. arr.push(["#003399","#ffff00","#000000"]);
  93. arr.push(["#cc3333","#cccccc","#003366"]);
  94. arr.push(["#cc0033","#333333","#cccc00"]);
  95. arr.push(["#000000","#99cc00","#cc0033"]);
  96. arr.push(["#ff0033","#333333","#ff9900"]);
  97. arr.push(["#990066","#000000","#009966"]);
  98. arr.push(["#666666","#ff6600","#333333"]);
  99. arr.push(["#993333","#cccc00","#663366"]);
  100. colors.push(arr);
  101. names.push("高尚、自然、安稳");
  102. var arr=new Array();
  103. arr.push(["#cccc33","#ffff99","#cc9933"]);
  104. arr.push(["#cc9966","#cccc66","#669999"]);
  105. arr.push(["#ff9966","#996600","#cccc00"]);
  106. arr.push(["#cccc66","#660033","#cc6600"]);
  107. arr.push(["#cccc00","#666600","#ccccff"]);
  108. arr.push(["#cc9933","#009999","#ffcc33"]);
  109. arr.push(["#999966","#cccc99","#339999"]);
  110. arr.push(["#99cc99","#669933","#336633"]);
  111. arr.push(["#666633","#999933","#cc9966"]);
  112. arr.push(["#660000","#cc9900","#cccc99"]);
  113. colors.push(arr);
  114. names.push("冷静、自然");
  115. var arr=new Array();
  116. arr.push(["#ffff99","#99cc99","#666600"]);
  117. arr.push(["#996633","#ffff99","#99cc66"]);
  118. arr.push(["#006600","#66cc66","#ccff99"]);
  119. arr.push(["#666600","#cccc66","#ccffcc"]);
  120. arr.push(["#669933","#cccc33","#663300"]);
  121. arr.push(["#666633","#999933","#cc9966"]);
  122. arr.push(["#003300","#669933","#cccc99"]);
  123. arr.push(["#006633","#663300","#cccc66"]);
  124. arr.push(["#666600","#ffffcc","#999999"]);
  125. arr.push(["#006633","#333300","#cccc99"]);
  126. colors.push(arr);
  127. names.push("传统、高雅、优雅");
  128. var arr=new Array();
  129. arr.push(["#999933","#ffffcc","#cc99cc"]);
  130. arr.push(["#cc9966","#666666","#cc9999"]);
  131. arr.push(["#cccc99","#333333","#9966cc"]);
  132. arr.push(["#cccc99","#666666","#cc9999"]);
  133. arr.push(["#996699","#cccc99","#669999"]);
  134. arr.push(["#cc9966","#999999","#666666"]);
  135. arr.push(["#339966","#cccccc","#996699"]);
  136. arr.push(["#663366","#999999","#ccccff"]);
  137. arr.push(["#996699","#9999cc","#ccccff"]);
  138. arr.push(["#cccc99","#999999","#663300"]);
  139. colors.push(arr);
  140. names.push("传统、稳重、古典");
  141. var arr=new Array();
  142. arr.push(["#6699cc","#663366","#cccc99"]);
  143. arr.push(["#990033","#ccff66","#ff9900"]);
  144. arr.push(["#666699","#660033","#99cc99"]);
  145. arr.push(["#663300","#ff9933","#ffff66"]);
  146. arr.push(["#990033","#006633","#cccc00"]);
  147. arr.push(["#660033","#999933","#660099"]);
  148. arr.push(["#993366","#cccc33","#666633"]);
  149. arr.push(["#996600","#cccc66","#666600"]);
  150. arr.push(["#009933","#cc9900","#666666"]);
  151. arr.push(["#666633","#cccc33","#cc3366"]);
  152. colors.push(arr);
  153. names.push("忠厚、稳重、有品位");
  154. var arr=new Array();
  155. arr.push(["#ffffcc","#cc9933","#336666"]);
  156. arr.push(["#336666","#996633","#cccc33"]);
  157. arr.push(["#336633","#990033","#ffcc99"]);
  158. arr.push(["#333366","#669999","#996600"]);
  159. arr.push(["#993333","#cc9966","#003300"]);
  160. arr.push(["#336633","#cccc99","#333366"]);
  161. arr.push(["#663300","#999933","#333333"]);
  162. arr.push(["#663366","#666666","#333366"]);
  163. arr.push(["#999900","#990033","#cc99cc"]);
  164. arr.push(["#333366","#990033","#cccccc"]);
  165. colors.push(arr);
  166. names.push("简单、洁净、进步");
  167. var arr=new Array();
  168. arr.push(["#cccccc","#ffffff","#666699"]);
  169. arr.push(["#ccff66","#ffffff","#003366"]);
  170. arr.push(["#99ccff","#ffffff","#336699"]);
  171. arr.push(["#cccc33","#ffffff","#336699"]);
  172. arr.push(["#0099ff","#ffffcc","#666699"]);
  173. arr.push(["#99cc33","#cccccc","#000000"]);
  174. arr.push(["#cccccc","#003366","#99ccff"]);
  175. arr.push(["#0099cc","#ccff66","#666666"]);
  176. arr.push(["#3399cc","#003366","#cccccc"]);
  177. arr.push(["#336699","#ffff66","#6699ff"]);
  178. colors.push(arr);
  179. names.push("简单、时尚、高雅");
  180. var arr=new Array();
  181. arr.push(["#99ccff","#ffff66","#666666"]);
  182. arr.push(["#336666","#ffffff","#999999"]);
  183. arr.push(["#0099cc","#ffffff","#666666"]);
  184. arr.push(["#999999","#cccccc","#336666"]);
  185. arr.push(["#cccccc","#999999","#663366"]);
  186. arr.push(["#666666","#cccccc","#6699cc"]);
  187. arr.push(["#999999","#ffffff","#333366"]);
  188. arr.push(["#669999","#cccccc","#666666"]);
  189. arr.push(["#999999","#cccccc","#333333"]);
  190. arr.push(["#336699","#0099cc","#666666"]);
  191. colors.push(arr);
  192. names.push("简单、进步、时尚");
  193. var arr=new Array();
  194. arr.push(["#333366","#99cc33","#336699"]);
  195. arr.push(["#999999","#003366","#669999"]);
  196. arr.push(["#003399","#ccff99","#333333"]);
  197. arr.push(["#999933","#336699","#333333"]);
  198. arr.push(["#666666","#99cc33","#003366"]);
  199. arr.push(["#999999","#336699","#333333"]);
  200. arr.push(["#3366cc","#cccc66","#333300"]);
  201. arr.push(["#6699cc","#006699","#000000"]);
  202. arr.push(["#003366","#cccccc","#006699"]);
  203. arr.push(["#000000","#999999","#003366"]);
  204. colors.push(arr);
  205. names.push("轻快、华丽、动感");
  206. var arr=new Array();
  207. arr.push(["#990066","#ffcc00","#cc0033"]);
  208. arr.push(["#ffcc33","#333399","#ff0033"]);
  209. arr.push(["#666699","#ffff00","#ff0033"]);
  210. arr.push(["#ff0033","#006699","#ffff33"]);
  211. arr.push(["#ffcc00","#009999","#cc3366"]);
  212. arr.push(["#ff0033","#cccc00","#006699"]);
  213. arr.push(["#cccc00","#ff9933","#663399"]);
  214. arr.push(["#ff9933","#ffff00","#336699"]);
  215. arr.push(["#cc3333","#ffcccc","#99cc00"]);
  216. arr.push(["#003399","#ffff00","#ff6600"]);
  217. colors.push(arr);
  218. function change(n)
  219. {
  220.         var colordiv=document.getElementById("colordiv");
  221.         colordiv.innerHTML="";
  222.         for(var i=0;i<10;i++)
  223.         {
  224.                 colordiv.innerHTML+="<div class=\"colorblock\" style=\"background-color:"+colors[n][i][0]+"\" >"+colors[n][i][0]+"</div>";
  225.                 colordiv.innerHTML+="<div class=\"colorblock\" style=\"background-color:"+colors[n][i][1]+"\" >"+colors[n][i][1]+"</div>";
  226.                 colordiv.innerHTML+="<div class=\"colorblock\" style=\"background-color:"+colors[n][i][2]+"\" >"+colors[n][i][2]+"</div>";
  227.                 colordiv.innerHTML+="<br/>";
  228.         }
  229. }
  230. document.write("<div class=\"links\">");
  231. for(var i=0;i<names.length;i++)
  232. {
  233.         document.write("<a href=\"javascript:change("+i+");void(0);\">"+names[i]+"</a><br/>");
  234. }
  235. document.write("</div>");
  236. document.write("<div id=\"colordiv\">");
  237. document.write("</div>");
  238. </script>
复制代码
发表于 2007-12-18 22:09:58 | 显示全部楼层
good
您需要登录后才可以回帖 登录 | 加入无忧

本版积分规则

小黑屋|手机版|Archiver|无忧脚本 ( 苏ICP备05080427号 )|值班电话:027-62300445   鄂公网安备 42011102000433号

GMT+8, 2019-5-25 03:13 , Processed in 0.096610 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表