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

更新时间：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需再刷新一下页面才能执行]

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

用javascript为页面添加天气显示实现思路及代码
为页面添加天气显示的方法有很多，在本文为大家介绍下使用js来轻松实现，具体的代码如下，感兴趣的朋友不要错过
2013-12-12
WEB泡泡堂2.0（图形界面+电脑对玩）(javascript)
WEB泡泡堂2.0（图形界面+电脑对玩）(javascript)
2007-01-01
BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法
这篇文章主要介绍了BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法,下面通过本文给大家详细说明一下，需要的朋友可以参考下
2016-12-12
JavaScript中判断变量是否存在的四种常用方法整理
在Javascript中我们通常判断一个变量是否存在,即不为null或者undefined,这篇文章主要给大家介绍了关于JavaScript中判断变量是否存在的四种常用方法,文中通过代码介绍的非常详细,需要的朋友可以参考下
2024-08-08
使用layui日期控件laydate对开始和结束时间进行联动控制的方法
今天小编就为大家分享一篇使用layui日期控件laydate对开始和结束时间进行联动控制的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
js的image onload事件使用遇到的问题
这篇文章主要介绍了js的image onload事件使用遇到的问题,需要的朋友可以参考下
2014-07-07
仅30行代码实现Javascript中的MVC
这篇文章主要介绍了仅30行代码实现Javascript中的MVC的方法，MVC的基础是观察者模式，这是实现model和view同步的关键，想要深入了解的朋友可以参考本文
2016-02-02
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
这篇文章主要介绍了JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法,涉及javascript窗口的相关操作函数与使用技巧,需要的朋友可以参考下
2017-09-09
javascript模拟实现计算器
这篇文章主要为大家详细介绍了javascript模拟实现计算器，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-04-04
javascript如何定义对象数组
本文主要介绍javascript如何定义对象数组，两种方法，比较实用，希望能给大家做一个参考。
2016-06-06

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

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具