colorpicker.html
来自「论坛BBS」· HTML 代码 · 共 158 行
HTML
158 行
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!--
##############################################
# BigMole Dynamic Discussion Board 2.0 #
# By Emil A Eklund (http://BigMole.5188.org/contact.html#emil) #
# and Erik Arvidson (http://BigMole.5188.org/contact.html#erik) #
# April 24, 1999 #
##############################################
# Feel free to use this script for personal #
# and non-profit organisation's websites, #
# as long as you're giving us credits for it #
# in other words, not removing nur modifying #
# this notice in any of the files it apperes #
##############################################
# For comercial use contact Emil or Erik #
##############################################
-->
<html id="container">
<head><title>Color Palette (BigMole)</title>
<style>
<!--
body {background : buttonface; margin: 5; margin-top: 2;
border-top: 1 solid buttonhighlight;
border-left: 1 solid buttonhighlight;
border-right: 1 solid buttonshadow;
border-bottom: 1 solid buttonshadow;}
td {width : 10px; height : 10px; font-size : 1px; cursor: hand;}
-->
</style>
<script type="text/javascript">
<!--
var ie5 = document.getElementById != null;
function doOver() {
var el = window.event.srcElement;
bgc = el.style.backgroundColor;
if (bgc != "") {
el.style.borderTopColor = "white";
el.style.borderLeftColor = "white";
el.style.borderRightColor = "black";
el.style.borderBottomColor = "black";
colorBox.style.backgroundColor = bgc;
colorName.innerHTML = bgc;
}
}
function doClick() {
bgc = window.event.srcElement.style.backgroundColor;
window.event.srcElement.style.borderColor = bgc;
if (bgc != "") {
window.external.raiseEvent("colorchange", bgc);
}
}
function doOut() {
var el = window.event.fromElement;
bgc = el.style.backgroundColor;
if (bgc != "") {
el.style.borderColor = bgc;
}
}
window.onload = init;
function init() {
// document.all.container.style.pixelWidth = 172;
// document.all.container.style.pixelHeight = 186;
if (parent && parent.document && parent.document.title)
fixTitle();
}
function fixTitle() {
// document.title = parent.document.title;
if (ie5) {
document.title = parent.document.title;
document.getElementsByTagName("TITLE").item(0).setExpression("innerText", "'" + parent.document.title + "'");
}
else
window.setTimeout("fixTitle()", 1000);
}
var colors = new Array("aliceblue","antiquewhite","aqua","aquamarine","azure","beige","bisque","black",
"blanchedalmond","blue","blueviolet","brown","burlywood","cadetblue","chartreuse","chocolate","coral",
"cornflowerblue","cornsilk","crimson","cyan","darkblue","darkcyan","darkgoldenrod","darkgray","darkgreen",
"darkkhaki","darkmagenta","darkolivegreen","darkorange","darkorchid","darkred","darksalmon","darkseagreen",
"darkslateblue","darkslategray","darkturquoise","darkviolet","deeppink","deepskyblue","dimgray",
"dodgerblue","firebrick","floralwhite","forestgreen","fuchsia","gainsboro","ghostwhite","gold","goldenrod",
"gray","green","greenyellow","honeydew","hotpink","indianred","indigo","ivory","khaki","lavender",
"lavenderblush","lawngreen","lemonchiffon","lightblue","lightcoral","lightcyan","lightgoldenrodyellow",
"lightgreen","lightgrey","lightpink","lightsalmon","lightseagreen","lightskyblue","lightslategray",
"lightsteelblue","lightyellow","lime","limegreen","linen","magenta","maroon","mediumaquamarine",
"mediumblue","mediumorchid","mediumpurple","mediumseagreen","mediumslateblue","mediumspringgreen",
"mediumturquoise","mediumvioletred","midnightblue","mintcream","mistyrose","moccasin","navajowhite","navy",
"oldlace","olive","olivedrab","orange","orangered","orchid","palegoldenrod","palegreen","paleturquoise",
"palevioletred","papayawhip","peachpuff","peru","pink","plum","powderblue","purple","red","rosybrown",
"royalblue","saddlebrown","salmon","sandybrown","seagreen","seashell","sienna","silver","skyblue",
"slateblue","slategray","snow","springgreen","steelblue","tan","teal","thistle","tomato","turquoise",
"violet","wheat","white","whitesmoke","yellow","yellowgreen");
var sysColors = new Array("activeborder","activecaption","appworkspace","background","buttonface",
"buttonhighlight","buttonshadow","buttontext","captiontext","graytext","highlight","highlighttext",
"inactiveborder","inactivecaption","inactivecaptiontext","infobackground","infotext","menu","menutext",
"scrollbar","threeddarkshadow","threedface","threedhighlight","threedlightshadow","threedshadow","window",
"windowframe","windowtext");
function writeRow(ar) {
var cells = 15;
var str = "";
for (var i=0; i<ar.length; ) {
str += "<tr>"
for (var j=0; j<=cells && i<ar.length; j++) {
str += "<td style='background-color: " + ar[i] + "; border: 1px outset " + ar[i] + ";'>";
str += " </td>\n";
i++;
}
str += "</tr>\n";
}
return str;
}
//-->
</script>
</head>
<body>
<table cellspacing="0" cellpadding="0" onmouseover="doOver()" onmouseout="doOut()" onclick="doClick()" style="width: 160;">
<tr>
<td colspan="15" style="font-family: verdana, helvetica; font-size: 9px; color: button-text; cursor: default; height: 15px;"><nobr>Named Colors:</nobr></td>
</tr>
<script>
document.write(writeRow(colors));
</script>
<tr>
<td colspan="15" style="font-family: verdana, helvetica; font-size: 9px; color: button-text; cursor: default; height: 15px;"><nobr>User-Defined System Colors:</nobr></td>
</tr>
<script>
document.write(writeRow(sysColors));
</script>
</table>
<hr>
<table>
<tr>
<td id="colorBox" style="border: 1px inset window; width: 15; height: 15; font-size: 2px; cursor: default;"> </td>
<td id="colorName" style="border: 0; font-family: verdana, helvetica; font-size: 9px; color: button-text; cursor: default;">ColorName</td>
</tr>
</table>
</body></html>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?