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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > [分享]一个非常漂亮的进度滚动条

Javascript: JavaScript实现Sleep函数的代码; 一个可以显示阴历的JS代码; 从csdn弄下来的页面预先载入效果; 键盘事件中keyCode、which和charCode 的兼容性测试; 一个支持ff的modaldialog的js代码; [js+css]点击隐藏层,点击另外层不能隐藏原层; 用javascript实现页面打印的三种方法; HTML-CSS群中单选引发的“事件”; 一款不错的键盘密码输入js程序; 限制文本字节数js代码; 静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。; 用javascript动态调整iframe高度的方法; 用一段js程序来实现动画功能; javascript实现划词标记+划词搜索功能; javascript 简单高效判断数据类型系列函数 By shawl.qiu; 服务端 VBScript 与 JScript 几个相同特性的写法 By shawl.qiu; 禁止F5等快捷键的JS代码; 在textarea文本域中显示HTML代码的方法; Javascript之文件操作; 修改发贴的编辑功能

No. « ‹ 51 52 53 54 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 77 ::

收藏到网摘: n/a

动态增加/删除文件域 DOM相关内容速查手册

点击运行可以看到效果:

<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 全选提示:你可先修改部分代码,再按运行]

动态增加/删除文件域 DOM相关内容速查手册

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

评论 (0) All