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

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

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

以下为详细代码

超级酷的滚动条颜色代码生成器
<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颜色板

相关阅读: 会员系统; 利用锚点做纯CSS的图片展示效果; 网站建设：ASP网站防范黑客技巧; 如何让文本框不出现提交过的表单信息; 本站出现验证码问题; 微信小程序腾讯视频播放组件tencentvideo（wxa75efa648b60994b）; 使网页右键失效; 网页制作中关于浏览器宽度和高度的设定研究（转载）

共有0条关于《超级酷的滚动条颜色代码生成器》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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还有其它的吗

更多>>随机抽取信息: 旅行社网站管理系统免费版 V2.4; 支持火狐,IE6.ie7.ie8.ie9的加入收藏/设为首页代码; python对微信操作要用到这两个库wxpy与itchat; 网易评论的盖楼样式; 点击密码框弹出小键盘; dreawmeaver中鲜为人知的小秘诀,让你制作网页更加随心所欲.

更多标签热门标签

快捷文件类型 RegExp link 查询成功网站论坛幻灯台历忧化滑过文本框叛断人生 DIV CSS做的透明菜单兼容IE、FF等数据库预览 javascript 执行变大单选 innerHTML tab 替换网页制作程序下拉框游戏鼠标验证 exe JavaScript实现文本框提示效果 msn 命名爱墙万年历采集文件大小 loading outerHTML 上传天气预报汉字 dreawmeaver 弹窗 div 焦点文化保留