滚动条颜色生成器IE5.5+

作者：佚名来源：不详发布时间：2006-10-29 1:12:51 发布人：admin

<HTML>
<HEAD>
<TITLE>滚动条颜色生成器IE5.5+</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<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 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>
</HEAD>
<BODY id=all text=#000000 bgColor=#336699>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TR bgColor=#ffffff> 
    <TD><img src="http://www.netton.cn/images/sq_1.gif" width=11 height="14" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"></TD>
    <TD width="100%"></TD>
    <TD><img src="http://www.netton.cn/images/sq_2.gif" 
  width=11 height="14" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"></TD>
  </TR>
</TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TR bgColor=#ffffff> 
    <TD><img src="http://www.netton.cn/images/space.gif" width=11 height="1" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"></TD>
    <TD width="100%"> 
      <table width="100%" border="0" cellpadding="8">
        <tr> 
          <td align="center"> 
            <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><br>
            使用:<br>
            <img src="http://www.netton.cn/js/imgs/step.gif" width="30" height="30" align="absmiddle" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"> 
            先选择一种属性然后点击该属性，你会看见属性被选择了.<br>
            <img src="http://www.netton.cn/js/imgs/step2.gif" width="30" height="30" align="absmiddle" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)">现在你可以在颜色输入内输入颜色代码[如Red,#ff000]或者在调色板中选择一种色彩，<font color="#990000">此时请留意滚动条颜色的变化</font>! 
            <br>
            <img src="http://www.netton.cn/js/imgs/step3.gif" width="30" height="30" align="absmiddle" onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"> 
            将代码显示框内的代码复制到页面内.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" name="currentSet" value="scrollbar3dLightColor">
                  颜色</th>
                <th>属性</th>
                <th nowrap> 
                  <input type="text" name="colorStepValue" value="7" size="3" style=display:none>
                  <input type="text" name="colorPa" size="3" value="255">
                  <input type="button" name="Button" value="随机色彩" onClick=makeRandomPanel()>
                  <input type="button" name="Submit2" value="原色板" onClick=makeColorPanel()>
                  <input type="button" name="Button2" value="显示或者隐藏调色板" onClick=showHideSet(colorPanel)>
                </th>
              </tr>
              <tr> 
                <td> 
                  <input onChange=UpdateScroll(this) 
name=scrollbar3dLightColor>
                </td>
                <td onMouseOver=high(this) onMouseOut=low(this) onClick=setTarget('scrollbar3dLightColor') id=e1 class=target>scrollbar-3dLight-Color</td>
                <td rowspan="8"> 
                  <table  width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
                    <tr>
                      <td id=colorPanel  style=display:'' onClick=choiceColor() onMouseOver=hi() onMouseOut=lo()> 
                        <Script language="JavaScript">
document.write(setColorPanel(7));
</Script>
                      </td></tr>
                  </table></td>
              </tr>
              <tr> 
                <td> 
                  <input onChange=UpdateScroll(this) name=scrollbarArrowColor>
                </td>
                <td onMouseOver=high(this) onMouseOut=low(this) onClick=setTarget('scrollbarArrowColor') id=e2 >scrollbar-Arrow-Color</td>
              </tr>
              <tr> 
                <td> 
                  <input onChange=UpdateScroll(this) name=scrollbarBaseColor>
                </td>
                <td onMouseOver=high(this) onMouseOut=low(this) onClick=setTarget('scrollbarBaseColor') id=e3>scrollbar-Base-Color</td>
              </tr>
              <tr> 
                <td> 
                  <input onChange=UpdateScroll(this) 
          name=scrollbarDarkShadowColor>
                </td>
                <td onMouseOver=high(this) onMouseOut=low(this) onClick=setTarget('scrollbarDarkShadowColor') id=e4>scrollbar-DarkShadow-Color</td>
              </tr>
              <tr> 
                <td> 
                  <input onChange=UpdateScroll(this) name=scrollbarFaceColor>
                </td>
                <td onMouseOver=high(this) onMouseOut=low(this) onClick=setTarget('scrollbarFaceColor') id=e5>scrollbar-Face-Color</td>
              </tr>
              <tr> 
                <td> 
                  <input onChange=UpdateScroll(this) 
          name=scrollbarHighlightColor>
                </td>
                <td onMouseOver=high(this) onMouseOut=low(this) onClick=setTarget('scrollbarHighlightColor') id=e6>scrollbar-Highlight-Color</td>
              </tr>
              <tr> 
                <td> 
                  <input onChange=UpdateScroll(this) name=scrollbarShadowColor>
                </td>
                <td onMouseOver=high(this) onMouseOut=low(this) onClick=setTarget('scrollbarShadowColor') id=e7>scrollbar-Shadow-Color</td>
              </tr>
              <tr> 
                <td> 
                  <input onChange=UpdateScroll(this) name=scrollbarTrackColor>
                </td>
                <td onMouseOver=high(this) onMouseOut=low(this) onClick=setTarget('scrollbarTrackColor') id=e8>scrollbar-Track-Color</td>
              </tr>
              </tbody> 
            </table>
          </td>
        </tr>
        <tr> 
          <td>1.将下面的代码复制到<head> 内 
            <input type="button" name="Button" value="复制到我的剪贴板" onClick=JM_cc('js_1')>
            <br>
            <form name="form1" method="post" action="">
              <textarea name="js_1" wrap="VIRTUAL" cols="80" rows="10">

特别说明：如网页特效代码中有引用图片文件等，请自己下载到本地调试！

[] [返回] [打印] [收藏] [评论]

上一篇代码：密码登录生成器 (但不是本站的绝密谷程序啊！）

下一篇代码：MP3播放列表文件生成器

滚动条颜色生成器IE5.5+

精品推荐

代码分类

阅读排行

相关代码