页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容 [分享]一个非常漂亮的进度滚动条

[分享]一个非常漂亮的进度滚动条

发布：dxy 字体：[增加减小] 类型：转载

点击运行可以看到效果:

<table border="0" cellpadding="0" cellspacing="0">  
<tr>  
<td width="1" rowspan="2"></td>  
<td width="1" height="1"></td>  
<td height="1" bgcolor="#cccccc"></td>  
<td width="1"></td>  
<td width="1" rowspan="2"></td>  
</tr>  
<tr>  
<td width="1" height="1" bgcolor="#cccccc"></td>  
<td height="1"></td>  
<td width="1" bgcolor="#cccccc"></td>  
</tr>  
<tr>  
<td width="1" bgcolor="#cccccc"></td>  
<td width="1" height="1"></td>  
<td width="120" height="0"><marquee direction="right" scrollamount="10"><table id="marq" style="font-size:1px;width:50px;height:10px;"><tr><td></td><td ></td><td></td><td ></td><td></td></tr></table></marquee></td>  
<td width="1" height="1"></td>  
<td width="1" bgcolor="#cccccc"></td>  
</tr>  
<tr>  
<td rowspan="2"></td>  
<td height="1" bgcolor="#cccccc"></td>  
<td height="1"></td>  
<td bgcolor="#cccccc"></td>  
<td rowspan="2"></td>  
</tr>  
<tr>  
<td height="1"></td>  
<td height="1" bgcolor="#cccccc"></td>  
<td></td>  
</tr>  
</table>  
<script languge="JavaScript">  
var lightRGB = new Array(255,255,255);  
initColor("#0000FF");  
function initColor(Color){  
var opArray=new Array(.10,.25,.50,.75,1.0);  
var baseColor = longHexToDec(Color.substring(1,7));  
var nColor,nHex;  
for(var i=0;i<5;i++) {  
nColor=setColorHue(baseColor,opArray[i],lightRGB);  
nHex = toHex(nColor[0])+toHex(nColor[1])+toHex(nColor[2]);  
document.all.item("marq").firstChild.firstChild.children(i).bgColor="#"+nHex;  
}  
}  
function setColorHue(originColor,opacityPercent,maskRGB) {  
returnColor=new Array();  
for(w=0;w<originColor.length;w++) returnColor[w] = Math.round(originColor[w]*opacityPercent) + Math.round(maskRGB[w]*(1.0-opacityPercent));  
return returnColor;  
}  
function longHexToDec(longHex) {  
r=toDec(longHex.substring(0,2));  
g=toDec(longHex.substring(2,4));  
b=toDec(longHex.substring(4,6));  
return new Array(r,g,b);  
}  
function toHex(dec) {  
hex=dec.toString(16);  
if(hex.length==1)hex="0"+hex;  
if(hex==100)hex="FF";  
return hex.toUpperCase();  
}  
function toDec(hex) {  
return parseInt(hex,16);  
}  
</script>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：[分享]一个非常漂亮的进度滚动条

浏览次数：载入中... 打印本文关闭本文返回首页

0

顶一下

·在百度中搜索关于“[分享]一个非常漂亮的进度滚动条”相关内容
·在谷歌中搜索关于“[分享]一个非常漂亮的进度滚动条”相关内容

文章评论

共有位脚本之家网友发表了评论我来说两句

[分享]一个非常漂亮的进度滚动条

文章评论

同类文章

最近更新

热点排行

[分享]一个非常漂亮的进度滚动条

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行