楼主不厚道,呵呵。为何不把源码直接贴出来和大家分享呢?
楼下请看完整主题帖:
自己动手制作彩色滚动条生成器
附工具
演示地址:
http://mrxy.91.tc/code/csgdsc.htm
[
源文件]:
复制内容到剪贴板
代码:
<HTML><HEAD><TITLE>英语贵族_www.52cyber.com_彩色滚动条生成器</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>BODY{MARGIN: 25px}
#all TD {FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial","新宋体", "宋体"}
INPUT {FONT-SIZE: 12px; LINE-HEIGHT: 15px; FONT-FAMILY:"新宋体", "宋体"}
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; OVERFLOW: hidden; LINE-HEIGHT: 15px; FONT-FAMILY:"新宋体", "宋体"}
#all A:active {COLOR: #7d070c}
#all A:visited {COLOR: #7d070c}
#all A:hover {COLOR: #336699}
#all A:link {COLOR: #7d070c}
.high {CURSOR: default; COLOR: #ffffff; BACKGROUND-COLOR: #006699}
.target {BORDER-RIGHT: #cccccc 2px solid; BORDER-TOP: #cccccc 2px solid; BORDER-LEFT: #cccccc 2px solid; COLOR: #ffffff; BORDER-BOTTOM: #cccccc 2px solid; BACKGROUND-COLOR: #006699}
FONT {CURSOR: default}
.hi {BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; CURSOR: hand; BORDER-BOTTOM: medium none}
TABLE {FONT-SIZE:9pt; FONT-FAMILY: "Verdana"}
</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>
<SCRIPT language=JavaScript>
function UpdateScroll(el){
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=1 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=1 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>
<META content="MSHTML 5.50.4134.100" name=GENERATOR></HEAD>
<BODY text=#000000 vLink=#0000ff link=#0000ff bgColor=#336699 leftMargin=0
topMargin=0 marginwidth="0" marginheight="0">
<TABLE cellSpacing=0 cellPadding=0 width=700 align=center border=0>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=8 width="100%" align=center border=0>
<TBODY>
<TR>
<TD align=middle bgColor=#ffffff>
<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的出现,这种效果将被大量使用。 <BR>使用:<BR><FONT
color=#ff0000><B>1.</B></FONT>先选择一种“属性”然后点击该属性,你会看见属性被选择了。<BR><FONT
color=#ff0000><B>2.</B></FONT>现在你可以在颜色框内输入颜色代码[如Red,#ff0000],或者在调色板中选择一种色彩,<FONT
color=#990000>此时请留意滚动条颜色的变化!</FONT> <BR><FONT
color=#ff0000><B>3.</B></FONT>将显示在框内的代码复制到所需要的地方。ok!
<TABLE id=props style="TABLE-LAYOUT: fixed">
<COLGROUP>
<COL width=60>
<COL width=250>
<TBODY>
<TR bgColor=lightgrey>
<TH>
<INPUT type=hidden value=scrollbar3dLightColor
name=currentSet>
颜色</TH>
<TH>属性</TH>
<TH noWrap><INPUT style="DISPLAY: none" size=3 value=7
name=colorStepValue> <INPUT size=3 value=255 name=colorPa> <INPUT onclick=makeRandomPanel() type=button value=随机色彩 name=Button>
<INPUT onclick=makeColorPanel() type=button value=原色板 name=Submit2>
<INPUT onclick=showHideSet(colorPanel) type=button value=显示或者隐藏调色板 name=Button2>
</TH></TR>
<TR>
<TD><INPUT
name=scrollbar3dLightColor onchange=UpdateScroll(this) size="7"> </TD>
<TD class=target id=e1 onmouseover=high(this)
onclick="setTarget('scrollbar3dLightColor')"
onmouseout=low(this)>滚动条亮边的颜色</TD>
<TD rowSpan=8>
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center
border=0>
<TBODY>
<TR>
<TD id=colorPanel onmouseover=hi() onclick=choiceColor()
onmouseout=lo()>
<SCRIPT language=JavaScript>
document.write(setColorPanel(7));
</SCRIPT>
</TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD><INPUT
name=scrollbarArrowColor onchange=UpdateScroll(this) size="7"> </TD>
<TD id=e2 onmouseover=high(this)
onclick="setTarget('scrollbarArrowColor')"
onmouseout=low(this)>上下按钮上三角箭头的颜色</TD></TR>
<TR>
<TD><INPUT
name=scrollbarBaseColor onchange=UpdateScroll(this) size="7"> </TD>
<TD id=e3 onmouseover=high(this)
onclick="setTarget('scrollbarBaseColor')"
onmouseout=low(this)>滚动条的基本颜色</TD></TR>
<TR>
<TD><INPUT
name=scrollbarDarkShadowColor onchange=UpdateScroll(this) size="7"> </TD>
<TD id=e4 onmouseover=high(this)
onclick="setTarget('scrollbarDarkShadowColor')"
onmouseout=low(this)>滚动条强阴影的颜色</TD></TR>
<TR>
<TD><INPUT
name=scrollbarFaceColor onchange=UpdateScroll(this) size="7"> </TD>
<TD id=e5 onmouseover=high(this)
onclick="setTarget('scrollbarFaceColor')"
onmouseout=low(this)>滚动条凸出部分的颜色</TD></TR>
<TR>
<TD><INPUT
name=scrollbarHighlightColor onchange=UpdateScroll(this) size="7"> </TD>
<TD id=e6 onmouseover=high(this)
onclick="setTarget('scrollbarHighlightColor')"
onmouseout=low(this)>滚动条空白部分的颜色</TD></TR>
<TR>
<TD><INPUT
name=scrollbarShadowColor onchange=UpdateScroll(this) size="7"> </TD>
<TD id=e7 onmouseover=high(this)
onclick="setTarget('scrollbarShadowColor')"
onmouseout=low(this)>立体滚动条阴影的颜色</TD></TR>
<TR>
<TD><INPUT
name=scrollbarTrackColor onchange=UpdateScroll(this) size="7"> </TD>
<TD id=e8 onmouseover=high(this)
onclick="setTarget('scrollbarTrackColor')"
onmouseout=low(this)>滚动条的背景颜色</TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD bgColor=#ffffff>将下面的代码复制到所需要的地方 <INPUT onclick="JM_cc('js_1')" type=button value=复制到我的剪贴板 name=Button>
<BR>
<FORM name=form1 action="" method=post><TEXTAREA name=js_1 rows=10 wrap=VIRTUAL cols=100></TEXTAREA>
</FORM></TD></TR>
</TBODY></TABLE></TD></TR></TBODY></TABLE>
</BODY></HTML>注意:
把“英语贵族_www.52cyber.com_彩色滚动条生成器”几个字换成你的名称,然后保存为扩展名为.htm或.html的网页文件,保存到你的空间里去。就成了自己的彩色滚动条代码生成器了。
没有空间的到这里跟帖,开通100 M Google空间:
http://bbs.topzj.com/thread-179084-1-1.html
[
本帖最后由 An_Apple 于 2006-11-2 04:19 编辑 ]