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

更新时间：2007年02月07日 00:00:00 作者：

<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 全选注:引入外部Js需再刷新一下页面才能执行]

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

bootstrap是什么_动力节点Java学院整理
这篇文章主要介绍了bootstrap是什么，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-07-07
js+css实现select的美化效果
这篇文章主要为大家详细介绍了js+css实现select的美化效果，如何针对select进行美化，感兴趣的小伙伴们可以参考一下
2016-03-03
小程序server请求微信服务器超时的解决方法
这篇文章主要介绍了小程序server请求微信服务器超时的解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-05-05
Javascript数组及类数组相关原理详解
这篇文章主要介绍了Javascript数组及类数组相关原理详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-10-10
Textarea与懒惰渲染实现代码
2008年有啊第一次性能优化时，我们曾用textarea来存贮需要懒惰渲染的节点
2012-01-01
判断是否是IE6版本并给出提示升级浏览器
一个与浏览器有关的脚本，也是大家从事WEb前端编程常见的编程技巧，就是判断浏览器的版本，如果发现版本不符合你的设计要求，就给出提示升级浏览器，这样你的网页会更有体验。
2010-06-06
在微信小程序中保存网络图片
这篇文章主要介绍了在微信小程序中保存网络图片，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-02-02
简单了解微信小程序 e.target与e.currentTarget的不同
这篇文章主要介绍了微信小程序 e.target与e.currentTarget的区别详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-09-09
一文详解如何在前端使用JS进行分类汇总
这篇文章主要给大家介绍了关于如何在前端使用JS进行分类汇总的相关资料,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,需要的朋友可以参考下
2023-04-04
JS输出空格的简单实现方法
下面小编就为大家带来一篇JS输出空格的简单实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-09-09