模板
教程
环境
性能
功能
管理
滚动条颜色生成器IE5.5+
发表于：2007-06-30来源：作者：点击数：
标签：
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN !-- saved from url=(0032)http://www.ie-zone.com/index.php -- HTML HEAD TITLE滚动条颜色生成器IE5.5+/TITLE META http-equiv=Content-Type content=text/html; charset=gb2312 LINK href=/f
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0032)http://www.ie-zone.com/index.php -->
<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 MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location=@#"+args[i+1]+"@#");
}
function JM_clearcase/" target="_blank" >cc(ob){
var obj=MM_findObj(ob); if (obj) {
obj.select();js=obj.createTextRange();js.execCommand("Copy");}
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
//-->
</SCRIPT>
<META content="MSHTML 5.50.4134.600" 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+@#)>■</font>@#;
}
}
}
//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)+@#)>■</font>@#;
}
//alert(colorPanelHTML);
colorPanel.innerHTML=colorPanelHTML
}
function showHideSet(ob){
ob.style.display=(ob.style.display)?@#@#:@#none@#;
}
function high(ob){
ob.className=(ob.className==@#target@#)?@#target@#:@#high@#;
}
function low(ob){
ob.className=(ob.className==@#target@#)?@#target@#:@#@#;
}
function setTarget(tob){
for (i=1;i<9;i++){
eval(@#e@#+i).className=@#@#;
}
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="/images/sq_1.gif" width=11 height="14"></TD>
<TD width="100%"></TD>
<TD><IMG src="/images/sq_2.gif"
width=11 height="14"></TD>
</TR>
</TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TR bgColor=#ffffff>
<TD><IMG src="/images/space.gif" width=11 height="1"></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="imgs/step.gif" width="30" height="30" align="absmiddle">
先选择一种属性然后点击该属性，你会看见属性被选择了.<br>
<img src="imgs/step2.gif" width="30" height="30" align="absmiddle">现在你可以在颜色输入内输入颜色代码[如Red,#ff000]或者在调色板中选择一种色彩，<font color="#990000">此时请留意滚动条颜色的变化</font>!
<br>
<img src="imgs/step3.gif" width="30" height="30" align="absmiddle">
将代码显示框内的代码复制到页面内.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"></textarea>
</form>
</td>
</tr>
</table>
</TD>
<TD><IMG src="/images/space.gif"
width=11 height="1"></TD>
</TR>
</TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TR bgColor=#ffffff>
<TD><IMG src="/images/sq_3.gif" width=11 height="14"></TD>
<TD width="100%"></TD>
<TD><IMG src="/images/sq_4.gif"
width=11 height="14"></TD>
</TR>
</TABLE>
</BODY>
</HTML>
