滚动条颜色生成器网页特效代码

网页特效

网站首页菜单导航日期时间背景图像图层样式鼠标键盘页面窗口色彩表格链接文字表单按钮计数转换游戏娱乐综合实例

您的位置: 网页特效 -> 色彩表格 -> 滚动条颜色生成器网页特效代码

滚动条颜色生成器网页特效代码

作者:滚动条颜色生成器网页特效代码演示发布时间:2007-11-19 14:50:42 发布人: admin

<html>
<head>
<title>滚动条颜色生成器/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">

</script>
<meta content="MSHTML 5.00.2920.0" name="GENERATOR">
<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+')>■';
}
}
}
//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)+')>■';
}
//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">中国建站之家</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">

滚动条颜色生成器网页特效代码演示

将本文收藏到QQ书签与更多好友分享

上一篇：文章：改变背景的颜色网页特效代码下一篇：文章：表格颜色板网页特效代码

网页特效

滚动条颜色生成器网页特效代码

本类浏览排行 »

本站推荐文章 »