请问关于滚动条的设置 - Dreamweaver及网页制作 - 5D互动论坛

	主题: 请问关于滚动条的设置
jerryzhai 职务：普通成员等级：1 金币：0.0 发贴：27	引用 #12003/9/11 10:15:44 请问怎样可以改变右边滚动条的颜色，代码怎么写呢，谢谢：）
大当家职务：普通成员等级：3 金币：1.0 发贴：767	引用 #22003/9/11 19:19:15 找一下老的贴子。。很多问题在5D上已经有很多人回答过了~~ :) :)
ads 职务：普通成员等级：1 金币：0.0 发贴：26	引用 #32003/9/12 15:47:16 用CSS控制....
elite_5d 职务：普通成员等级：2 金币：1.0 发贴：330	引用 #42003/9/13 0:31:57 楼上正解！！！
QiFei 职务：普通成员等级：1 金币：3.0 发贴：144	引用 #52003/9/13 8:33:21 <HTML> <HEAD><TITLE>彩色滚动条生成器</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: "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; OVERFLOW: hidden; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial", "新宋体", "宋体" } #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) { //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('+kcolorCount+','+icolorCount+','+jcolorCount+')>■</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> <META content="MSHTML 6.00.2800.1126" 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><div align="center"><font color="#FF0000"><strong>彩色滚动条生成器</strong></font></div></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 width=200><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 onchange=UpdateScroll(this) name=scrollbar3dLightColor> </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 onchange=UpdateScroll(this) name=scrollbarArrowColor> </TD> <TD id=e2 onmouseover=high(this) onclick="setTarget('scrollbarArrowColor')" onmouseout=low(this)>上下按钮上三角箭头的颜色</TD></TR> <TR> <TD><INPUT onchange=UpdateScroll(this) name=scrollbarBaseColor> </TD> <TD id=e3 onmouseover=high(this) onclick="setTarget('scrollbarBaseColor')" onmouseout=low(this)>滚动条的基本颜色</TD></TR> <TR> <TD><INPUT onchange=UpdateScroll(this) name=scrollbarDarkShadowColor> </TD> <TD id=e4 onmouseover=high(this) onclick="setTarget('scrollbarDarkShadowColor')" onmouseout=low(this)>滚动条强阴影的颜色</TD></TR> <TR> <TD><INPUT onchange=UpdateScroll(this) name=scrollbarFaceColor> </TD> <TD id=e5 onmouseover=high(this) onclick="setTarget('scrollbarFaceColor')" onmouseout=low(this)>滚动条凸出部分的颜色</TD></TR> <TR> <TD><INPUT onchange=UpdateScroll(this) name=scrollbarHighlightColor> </TD> <TD id=e6 onmouseover=high(this) onclick="setTarget('scrollbarHighlightColor')" onmouseout=low(this)>滚动条空白部分的颜色</TD></TR> <TR> <TD><INPUT onchange=UpdateScroll(this) name=scrollbarShadowColor> </TD> <TD id=e7 onmouseover=high(this) onclick="setTarget('scrollbarShadowColor')" onmouseout=low(this)>立体滚动条阴影的颜色</TD></TR> <TR> <TD><INPUT onchange=UpdateScroll(this) name=scrollbarTrackColor> </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>

jerryzhai
职务：普通成员
等级：1
金币：0.0
发贴：27

引用

#12003/9/11 10:15:44

请问怎样可以改变右边滚动条的颜色，代码怎么写呢，谢谢：）

ads
职务：普通成员
等级：1
金币：0.0
发贴：26

引用

#32003/9/12 15:47:16

用CSS控制....

QiFei
职务：普通成员
等级：1
金币：3.0
发贴：144

引用

#52003/9/13 8:33:21

<HTML>
<HEAD><TITLE>彩色滚动条生成器</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: "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; OVERFLOW: hidden; LINE-HEIGHT: 15px; FONT-FAMILY: "Verdana", "Arial", "新宋体", "宋体"
}
#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_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) { //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';
}

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 6.00.2800.1126" 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><div align="center"><font color="#FF0000"><strong>彩色滚动条生成器</strong></font></div></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 width=200><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 onchange=UpdateScroll(this) 
                  name=scrollbar3dLightColor> </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 onchange=UpdateScroll(this) 
                  name=scrollbarArrowColor> </TD>
                <TD id=e2 onmouseover=high(this) 
                onclick="setTarget('scrollbarArrowColor')" 
                  onmouseout=low(this)>上下按钮上三角箭头的颜色</TD></TR>
              <TR>
                <TD><INPUT onchange=UpdateScroll(this) 
                  name=scrollbarBaseColor> </TD>
                <TD id=e3 onmouseover=high(this) 
                onclick="setTarget('scrollbarBaseColor')" 
                  onmouseout=low(this)>滚动条的基本颜色</TD></TR>
              <TR>
                <TD><INPUT onchange=UpdateScroll(this) 
                  name=scrollbarDarkShadowColor> </TD>
                <TD id=e4 onmouseover=high(this) 
                onclick="setTarget('scrollbarDarkShadowColor')" 
                onmouseout=low(this)>滚动条强阴影的颜色</TD></TR>
              <TR>
                <TD><INPUT onchange=UpdateScroll(this) 
                  name=scrollbarFaceColor> </TD>
                <TD id=e5 onmouseover=high(this) 
                onclick="setTarget('scrollbarFaceColor')" 
                  onmouseout=low(this)>滚动条凸出部分的颜色</TD></TR>
              <TR>
                <TD><INPUT onchange=UpdateScroll(this) 
                  name=scrollbarHighlightColor> </TD>
                <TD id=e6 onmouseover=high(this) 
                onclick="setTarget('scrollbarHighlightColor')" 
                onmouseout=low(this)>滚动条空白部分的颜色</TD></TR>
              <TR>
                <TD><INPUT onchange=UpdateScroll(this) 
                  name=scrollbarShadowColor> </TD>
                <TD id=e7 onmouseover=high(this) 
                onclick="setTarget('scrollbarShadowColor')" 
                  onmouseout=low(this)>立体滚动条阴影的颜色</TD></TR>
              <TR>
                <TD><INPUT onchange=UpdateScroll(this) 
                  name=scrollbarTrackColor> </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>