欢迎你的访问
 
返回天空素材库首页 http://www.Skysucai.com  
收藏本站
将本站设为首页
您当前的位置:天空素材首页 -> 滚动条颜色生成器
 
栏 目 导 航
. 常用代码 . 综合特效
. 状态特效 . 游戏特效
. 页面背景 . 页面特效
. 页面导航 . 文本操作
. 文本特效 . 图形特效
. 鼠标特效 . 时间日期
. 密码特效 . 浏览相关
. 警告对话 . 技巧特效
. 计数转换 . 测试搜索
. 代码生成 . 播放音乐
. 按钮特效 . 系统相关
. 链接特效 . 黑客性质
. 相关特效 . 窗口特效
. 广告特效 . 表单表格
. 模拟例子
相 关 文 章
· 滚动条颜色生成器IE...
· 滚动条颜色生成器II...
· IE滚动条颜色代码生...
本 类 热 门
· 飞行的文字
· 闪动的文字
· 字体效果
· 水形文字
· 变色文字
· 字体变化效果
· 动态文字
· tips生成页
· 照明灯式
· 滚动文字
· 字体环绕
· 双击滚屏
更多  
 
 
更多  
最 新 推 荐
· 状态栏时间跳动特效
· 农历挂历特效
· 真正的万年历
· 网页特效 菜单-会动的...
· 网页特效 时间-任意位...
· 个人网页特效-有前后日...
· 时间每过一秒,Radio就...
· 时钟显示在任意指定位...
· 带开关的Form时钟
· 记录几天后的日期
· 显示登陆时间
· 退出时显示访问时间
更多  
     
滚动条颜色生成器
滚动条颜色生成器
作者:无  来源:本站整理  名称:滚动条颜色生成器 

减小字体 增大字体

       

[提示:你可先按照下面代码提示修改 上面部分代码,再按运行,此处看到的演示不完全正确]

此特效的详细完整代码如下:
]  源码如下
----------------------------------------------------------
<HTML>
<HEAD>
<TITLE>滚动条颜色生成器IE5.5+-www.51windows.Net</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 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.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+')>■</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 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>&nbsp; </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.将下面的代码复制到&lt;head&gt; 内<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></TEXTAREA>
</FORM></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
</TABLE>
</BODY>
</HTML>
[返回上一页] [打印滚动条颜色生成器]
下一篇特效:控制表格内的滚动条
     
| 关于本站 | 服务条款 | 友情连接 | 网站地图 | 联系方式 | 广告联系 |