<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>滚动条颜色生成器II IE5.5+</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type><LINK
href="/fav.ico" rel="shortcut icon">
<STYLE type=text/css>BODY {
MARGIN: 25px 25px 25px
}
#all TD {
FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana",
"Arial","新宋体", "宋体"
}
INPUT {
FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana",
"Arial","新宋体", "宋体"
}
SELECT {
FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana",
"Arial","新宋体", "宋体"
}
P {
FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana",
"Arial","新宋体", "宋体"
}
TEXTAREA {
FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana",
"Arial", "新宋体", "宋体";
overflow: hidden; clip: rect( )}
#all A:active {
COLOR: #7d070c
}
#all A:visited {
COLOR: #7d070c
}
#all A:hover {
COLOR: #336699
}
#all A:link {
COLOR: #7d070c
}
.high { background-color: #006699; color: #FFFFFF; cursor:
default}
.target { color: #FFFFFF; background-color: #006699; border:
2px #CCCCCC solid}
font { cursor: default}
.hi { border: none; cursor: hand}
</STYLE>
<SCRIPT language=JavaScript>
<!--
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue
= false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
function JM_cc(ob){
var obj=MM_findObj(ob); if (obj) {
obj.select();js=obj.createTextRange();js.execCommand("Copy");}
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length)
{
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n);
return x;
}
//-->
</SCRIPT>
<META content="MSHTML 5.00.2614.3500" name=GENERATOR>
<SCRIPT language=JavaScript>
function UpdateScroll(el) { //reCreated By 51JS.COM -Jimmy
& Tantom
var sB='<STYLE>\nBODY {\n';sE='\n}\n</STYLE>';sR=/;/g
if (document.body) {
document.body.style[el.name] = el.value
var obj=MM_findObj('js_1'); if (obj) {
nCssText=document.body.style.cssText.replace(sR,";\n");
obj.value=sB+nCssText+sE}
}
}
function setColorPanel(colorStep){ //Created By Jimmy
var colorPanelHTML="";colorCount=Math.round(255/colorStep);
for (k=colorStep;k>=0;k--){
for (j=0;j<=colorStep;j++){
for (i=0;i<=colorStep;i++){
colorPanelHTML+='<font size=3 color=RGB('+k*colorCount+','+i*colorCount+','
+j*colorCount+')>■</font>';
}
}
}
//alert(colorPanelHTML);
return colorPanelHTML;
}
function makeColorPanel(){
var cValueObj=MM_findObj('colorStepValue');
if(cValueObj){colorPanel.innerHTML=setColorPanel(cValueObj.value)}
}
function makeRandomPanel(colorPa){
var colorPanelHTML="";
var cObj=MM_findObj('colorPa');
colorPa=cObj.value;
//alert(cValueObj.value);
for (i=0;i<=517;i++){
colorPanelHTML+='<font size=3 color=RGB('+Math.round(Math.random()*colorPa)+','
+Math.round(Math.random()*colorPa)+','
+Math.round(Math.random()*colorPa)+')>■</font>';
}
//alert(colorPanelHTML);
colorPanel.innerHTML=colorPanelHTML
}
function showHideSet(ob){
ob.style.display=(ob.style.display)?'':'none';
}
function high(ob){
ob.className=(ob.className=='target')?'target':'high';
}
function low(ob){
ob.className=(ob.className=='target')?'target':'';
}
function setTarget(tob){
for (i=1;i<9;i++){
eval('e'+i).className='';
}
event.srcElement.className='target'
obcurrentSet=MM_findObj('currentSet')
obcurrentSet.value=tob
//alert(obcurrentSet.value);
}
function setScroll(el) { //reCreated By 51JS.COM -Jimmy
& Tantom
var sB='<STYLE>\nBODY {\n';sE='\n}\n</STYLE>';sR=/;/g
if (document.body) {
document.body.style[el.value] = el.value
var obj=MM_findObj('js_1'); if (obj) {
nCssText=document.body.style.cssText.replace(sR,";\n");
obj.value=sB+nCssText+sE}
}
}
function choiceColor(){
obt=MM_findObj('currentSet')
ob=MM_findObj(obt.value)
ob.value=event.srcElement.color
if (document.body) {
document.body.style[obt.value] = ob.value
var sB='<STYLE>\nBODY {\n';sE='\n}\n</STYLE>';sR=/;/g
var obj=MM_findObj('js_1'); if (obj) {
nCssText=document.body.style.cssText.replace(sR,";\n");
obj.value=sB+nCssText+sE}
}
}
function hi(){
event.srcElement.className='hi';
}
function lo(){
event.srcElement.className='';
}
</SCRIPT>
</HEAD>
<BODY bgColor=#336699 id=all text=#000000>
<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
<TBODY>
<TR bgColor=#ffffff>
<TD></TD>
<TD width="100%"></TD>
<TD></TD></TR></TBODY></TABLE>
<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
<TBODY>
<TR bgColor=#ffffff>
<TD></TD>
<TD width="100%">
<DIV align=left>
<TABLE border=0 cellPadding=8 width="100%">
<TBODY>
<TR>
<TD align=middle>
<SCRIPT language=JavaScript>
document.write("<font color=#7d070c style=\"font-size:
14px\">"
+document.title+"</font>");
</SCRIPT>
</TD></TR>
<TR>
<TD bgColor=#f7f7f7><FONT color=#990000>提示:</FONT>请注意你正使用的浏览是否<FONT
color=#990000><B>IE5.5 </B></FONT>:随着IE6与wishter的出现，这种效果将被大量使用。
<BR><FONT color=#990000>注意:</FONT>复制使用时请注明出处
<FONT
color=#990000>无忧脚本 www.51js.com</FONT> 1
先选择一种属性然后点击该属性，你会看见属性被选择了.<BR>2
现在你可以在颜色输入内输入颜色代码[如Red,#ff000]或者在调色板中选择一种色彩，
<FONT
color=#990000>此时请留意滚动条颜色的变化</FONT>!
<BR>3 将代码显示框内的代码复制到页面内.ok.
<TABLE id=props style="TABLE-LAYOUT: fixed">
<COLGROUP>
<COL width=130>
<COL width=250>
<TBODY>
<TR>
<TH bgColor=lightgrey width=200><INPUT name=currentSet
type=hidden value=scrollbarBaseColor> 颜色</TH>
<TH bgColor=lightgrey>属性</TH>
<TH noWrap> </TH></TR>
<TR>
<TD><INPUT name=scrollbar3dLightColor
onchange=UpdateScroll(this)> </TD>
<TD id=e1 onclick="setTarget('scrollbar3dLightColor')"
onmouseout=low(this) onmouseover=high(this)>滚动条亮边的颜色
</TD>
<TD rowSpan=8>
<TABLE align=center border=0 cellPadding=0 cellSpacing=0
width="100%">
<TBODY>
<TR>
<TD id=colorPanel onclick=choiceColor() onmouseout=lo()
onmouseover=hi()>
<OBJECT data=colorpicker1.html id=colorPicker1
type=text/x-scriptlet></OBJECT>
<SCRIPT event="onscriptletevent(name, eventData)"
for=colorPicker1 language=JScript>
<!--
if (name == "oncolorchange") {
colorstr = "rgb(" + Math.round(256*eventData.r)
+ ", "
+ Math.round(256*eventData.g) +", " + Math.round(256*eventData.b)
+ ")";
newSetColor(colorstr)
}
//-->
</SCRIPT>
<BR>
<SCRIPT language=JavaScript>
function newSetColor(color_value){
obt=MM_findObj('currentSet')
ob=MM_findObj(obt.value)
ob.value=color_value
if (document.body) {
document.body.style[obt.value] = ob.value
var sB='<STYLE>\nBODY {\n';sE='\n}\n</STYLE>';sR=/;/g
var obj=MM_findObj('js_1'); if (obj) {
nCssText=document.body.style.cssText.replace(sR,";\n");
obj.value=sB+nCssText+sE}
}
}
</SCRIPT>
</TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD><INPUT name=scrollbarArrowColor
onchange=UpdateScroll(this)> </TD>
<TD id=e2 onclick="setTarget('scrollbarArrowColor')"
onmouseout=low(this) onmouseover=high(this)>上下按钮上三角箭头的颜色
</TD></TR>
<TR>
<TD><INPUT name=scrollbarBaseColor
onchange=UpdateScroll(this)> </TD>
<TD class=target id=e3 onclick="setTarget('scrollbarBaseColor')"
onmouseout=low(this) onmouseover=high(this)>滚动条的基本颜色
</TD></TR>
<TR>
<TD><INPUT name=scrollbarDarkShadowColor
onchange=UpdateScroll(this)> </TD>
<TD id=e4 onclick="setTarget('scrollbarDarkShadowColor')"
onmouseout=low(this) onmouseover=high(this)>滚动条强阴影的颜色
</TD></TR>
<TR>
<TD><INPUT name=scrollbarFaceColor
onchange=UpdateScroll(this)> </TD>
<TD id=e5 onclick="setTarget('scrollbarFaceColor')"
onmouseout=low(this) onmouseover=high(this)>滚动条凸出部分的颜色
</TD></TR>
<TR>
<TD><INPUT name=scrollbarHighlightColor
onchange=UpdateScroll(this)> </TD>
<TD id=e6 onclick="setTarget('scrollbarHighlightColor')"
onmouseout=low(this) onmouseover=high(this)>滚动条空白部分的颜色
</TD></TR>
<TR>
<TD><INPUT name=scrollbarShadowColor
onchange=UpdateScroll(this)> </TD>
<TD id=e7 onclick="setTarget('scrollbarShadowColor')"
onmouseout=low(this) onmouseover=high(this)>立体滚动条阴影的颜色
</TD></TR>
<TR>
<TD><INPUT name=scrollbarTrackColor
onchange=UpdateScroll(this)> </TD>
<TD id=e8 onclick="setTarget('scrollbarTrackColor')"
onmouseout=low(this)
onmouseover=high(this)>滚动条的背景颜色</TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD>1.将下面的代码复制到<head> 内
<INPUT name=Button onclick="JM_cc('js_1')"
type=button value=复制到我的剪贴板>
<BR>
<FORM action="" method=post name=form1>
<TEXTAREA cols=80 name=js_1 rows=10 wrap=VIRTUAL></TEXTAREA>
</FORM></TD></TR></TBODY></TABLE></DIV></TD>
<TD></TD></TR></TBODY></TABLE>
<DIV align=center>
<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
<TBODY>
<TR bgColor=#ffffff>
<TD></TD>
<TD width="100%"></TD>
<TD><script> var hitcode=58902; </script></TD></TR>
</TBODY></TABLE></DIV><CENTER><script>
var hitcode=57172; </script>
<script language="JavaScript1.1" src="http://hit.joy365.com/ibin/gosoohit.js">
</script></CENTER><script type="text/javascript"
src="/i.js"></script>
</BODY>
</HTML>
