超级酷的滚动条颜色代码生成器 -- [色彩类别]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

超级酷的滚动条颜色代码生成器

http://myjs.chinaz.com 2008/7/7 22:06:08 深山行者字体:大中小浏览 12240

以下为详细代码

超级酷的滚动条颜色代码生成器
<HTML>
<HEAD>
<TITLE>滚动条颜色生成器－中国站长站www.chinaz.com</TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type>
<STYLE type=text/css>
BODY {
	MARGIN: 25px
}
td,div,p {FONT-SIZE: 12px; LINE-HEIGHT: 140%;}
</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 bgColor=#336699 id=all text=#000000>
<TABLE border=0 cellPadding=0 cellSpacing=0 width="100%">
  <TBODY>
    <TR bgColor=#ffffff> 
      <TD width="100%"> <TABLE border=0 cellPadding=8 width="100%">
          <TBODY>
            <TR> 
              <TD align=middle>  </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>
                1、 先选择一种属性然后点击该属性，你会看见属性被选择了.<BR>
                2、 现在你可以在颜色输入内输入颜色代码[如Red,#ff000]或者在调色板中选择一种色彩，<FONT 
            color=#990000>此时请留意滚动条颜色的变化</FONT>! <BR>
                3、 将代码显示框内的代码复制到页面内.ok. 
                <TABLE id=props style="TABLE-LAYOUT: fixed">
                  <COLGROUP>
                  <COL width=60>
                  <COL width=250>
                  <TBODY>
                    <TR bgColor=lightgrey> 
                      <TH width=200><INPUT name=currentSet type=hidden  value=scrollbar3dLightColor>
                        颜色</TH>
                      <TH>属性</TH>
                      <TH noWrap><INPUT name=colorStepValue size=3 style="DISPLAY: none" value=7> <INPUT name=colorPa size=3  value=255> <INPUT name=Button onclick=makeRandomPanel() type=button value=随机色彩> 
                        <INPUT name=Submit2 onclick=makeColorPanel() type=button value=原色板> 
                        <INPUT name=Button2 onclick=showHideSet(colorPanel) type=button value=显示或者隐藏调色板> 
                      </TH>
                    </TR>
                    <TR> 
                      <TD><INPUT name=scrollbar3dLightColor onchange=UpdateScroll(this)> </TD>
                      <TD class=target id=e1  onclick="setTarget('scrollbar3dLightColor')" onmouseout=low(this) onmouseover=high(this)>scrollbar-3dLight-Color</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()> <SCRIPT language=JavaScript>document.write(setColorPanel(7));</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)>scrollbar-Arrow-Color</TD>
                    </TR>
                    <TR> 
                      <TD><INPUT name=scrollbarBaseColor onchange=UpdateScroll(this)> </TD>
                      <TD id=e3 onclick="setTarget('scrollbarBaseColor')" onmouseout=low(this) onmouseover=high(this)>scrollbar-Base-Color</TD>
                    </TR>
                    <TR> 
                      <TD><INPUT name=scrollbarDarkShadowColor onchange=UpdateScroll(this)> </TD>
                      <TD id=e4 onclick="setTarget('scrollbarDarkShadowColor')" onmouseout=low(this) onmouseover=high(this)>scrollbar-DarkShadow-Color</TD>
                    </TR>
                    <TR> 
                      <TD><INPUT name=scrollbarFaceColor onchange=UpdateScroll(this)> </TD>
                      <TD id=e5 onclick="setTarget('scrollbarFaceColor')" onmouseout=low(this) onmouseover=high(this)>scrollbar-Face-Color</TD>
                    </TR>
                    <TR> 
                      <TD><INPUT name=scrollbarHighlightColor onchange=UpdateScroll(this)> </TD>
                      <TD id=e6 onclick="setTarget('scrollbarHighlightColor')" onmouseout=low(this) onmouseover=high(this)>scrollbar-Highlight-Color</TD>
                    </TR>
                    <TR> 
                      <TD><INPUT name=scrollbarShadowColor onchange=UpdateScroll(this)> </TD>
                      <TD id=e7 onclick="setTarget('scrollbarShadowColor')" onmouseout=low(this) onmouseover=high(this)>scrollbar-Shadow-Color</TD>
                    </TR>
                    <TR> 
                      <TD><INPUT name=scrollbarTrackColor onchange=UpdateScroll(this)> </TD>
                      <TD id=e8 onclick="setTarget('scrollbarTrackColor')" onmouseout=low(this) onmouseover=high(this)>scrollbar-Track-Color</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>

前一页:windows颜色选择框

后一页:绝对超酷的JS颜色板

相关阅读: 总结一下with open()和open()的区别与使用方法; 纯CSS制作的网页中的lightbox效果; 在网页标题栏上或收藏夹前面显示网站ico小图标的方法; 旅行社网站管理系统免费版 V2.4; 深山旅行社网站管理系统 v1.7; 阿里云短信验证码签名不合法isv.SMS_SIGNATURE_ILLEGAL; 巧用ASP技术保护DHTML源代码; 一些常见的网页设计小技巧

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: 非常不错的支持各种浏览器的简易调色板; 背景调色板：状态栏还能显示颜色值; 手动调节背景色：背景色能用按钮进行手动调节; 页面文字变色、变大、还原; windows颜色选择框; 超级酷的滚动条颜色代码生成器

更多>>最新添加文章: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗

更多>>随机抽取信息: 生成随机字符串的函数，可以做为验证码一类的使用; 纯div+css制作的弹出菜单-04; 中国通信服务摄影作品在线投票; 鼠标经过表格列时变色; 纯div+css制作的弹出菜单-02; 连云港旅游网

更多标签热门标签

window 增高 clear 考试多选状态栏屏幕比例数字 265 163 移动等待失效菜单边界重叠商城 DW 蜘蛛自动隐藏左右蓝色理想刷新设计 button 模仿调用滑过鼠标动画层 dreawmeaver 分页教程墙控制 tags eof 时钟导出转换留言板模版关键词加长 slectindext open 字节数幻灯正则 CSS滤镜