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

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

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

以下为详细代码

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

相关阅读: 实现iis6与iis7环境下支持mp4视频随意拖动、预览播放、边下载边播放; radio单选按钮组选择详细; JavaScript实现文本框提示效果; 兼容ie6+和火狐的禁止右键; 游戏-QQ穿越火线留言板模板; 万家乐; 舞阳风情旅行社; 区分IE6,IE7和firefox的CSS hack

共有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还有其它的吗

更多>>随机抽取信息: 在DIV+CSS里面IE5.5的专用标签; 一个更加高级的CSS菜单,绝对实用,超强的; 旅行社手机网站默认模板; 长春天马国际旅行社; CSS编写过程中常见的10个错误; 网站最近更新缓慢说明

更多标签热门标签

告 button css 透明 word-spacing 拖动 ie6 optgroup rss 调色板等待断线文件类型读取舒服表达式许愿墙左右全 input vista 信息加减长调节 document openwin 右键 126 DropShadow font-size 展开个人 iis 安装 dl web Google 对象 ie7 点击单选 lightbox 正则应用翻页 PSD innerText 文字 hidden 框架 Response 选择符 table