IDC资讯中心
<!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_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>
