📄 0153.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><!-- saved from url=(0032)http://www.ie-zone.com/index.php --><HTML><HEAD><TITLE>滚动条颜色生成器II 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 & Tantomvar sB='<STYLE>\nBODY {\n';sE='\n}\n</STYLE>';sR=/;/g if (document.body) { document.body.style[el.name] = el.valuevar 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 Jimmyvar 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 & Tantomvar sB='<STYLE>\nBODY {\n';sE='\n}\n</STYLE>';sR=/;/g if (document.body) { document.body.style[el.value] = el.valuevar 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.colorif (document.body) {document.body.style[obt.value] = ob.valuevar sB='<STYLE>\nBODY {\n';sE='\n}\n</STYLE>';sR=/;/gvar 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> 如果你喜欢前一个版本的话，<a href="0147.htm">点这里查看</a><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=130> <col width=250> <tbody> <tr> <th width="200" bgcolor="lightgrey"> <input type="hidden" name="currentSet" value="scrollbarBaseColor"> 颜色</th> <th bgcolor="lightgrey">属性</th> <th nowrap> </th> </tr> <tr> <td> <input onChange=UpdateScroll(this) name=scrollbar3dLightColor> </td> <td onMouseOver=high(this) onMouseOut=low(this) onClick=setTarget('scrollbar3dLightColor') id=e1>滚动条亮边的颜色 </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()> <object id="colorPicker1" type="text/x-scriptlet" data="js/colorpicker1.html"> </object> <script language="JScript" for="colorPicker1" event="onscriptletevent(name, eventData)"><!--if (name == "oncolorchange") { colorstr = "rgb(" + Math.round(256*eventData.r) + ", " + Math.round(256*eventData.g) +", " + Math.round(256*eventData.b) + ")";newSetColor(colorstr)}//--></script> <br> <script language="JavaScript">function newSetColor(color_value){obt=MM_findObj('currentSet')ob=MM_findObj(obt.value)ob.value=color_valueif (document.body) {document.body.style[obt.value] = ob.valuevar sB='<STYLE>\nBODY {\n';sE='\n}\n</STYLE>';sR=/;/gvar obj=MM_findObj('js_1'); if (obj) { nCssText=document.body.style.cssText.replace(sR,";\n");obj.value=sB+nCssText+sE}}}</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 >上下按钮上三角箭头的颜色 </td> </tr> <tr> <td> <input onChange=UpdateScroll(this) name=scrollbarBaseColor> </td> <td onMouseOver=high(this) onMouseOut=low(this) onClick=setTarget('scrollbarBaseColor') id=e3 class="target">滚动条的基本颜色 </td> </tr> <tr> <td> <input onChange=UpdateScroll(this) name=scrollbarDarkShadowColor> </td> <td onMouseOver=high(this) onMouseOut=low(this) onClick=setTarget('scrollbarDarkShadowColor') id=e4>滚动条强阴影的颜色 </td> </tr> <tr> <td> <input onChange=UpdateScroll(this) name=scrollbarFaceColor> </td> <td onMouseOver=high(this) onMouseOut=low(this) onClick=setTarget('scrollbarFaceColor') id=e5>滚动条凸出部分的颜色 </td> </tr> <tr> <td> <input onChange=UpdateScroll(this) name=scrollbarHighlightColor> </td> <td onMouseOver=high(this) onMouseOut=low(this) onClick=setTarget('scrollbarHighlightColor') id=e6>滚动条空白部分的颜色 </td> </tr> <tr> <td> <input onChange=UpdateScroll(this) name=scrollbarShadowColor> </td> <td onMouseOver=high(this) onMouseOut=low(this) onClick=setTarget('scrollbarShadowColor') id=e7>立体滚动条阴影的颜色 </td> </tr> <tr> <td> <input onChange=UpdateScroll(this) name=scrollbarTrackColor> </td> <td onMouseOver=high(this) onMouseOut=low(this) onClick=setTarget('scrollbarTrackColor') id=e8>滚动条的背景颜色</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>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -