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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了[分享]一个非常漂亮的进度滚动条，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含271字，纯文字阅读大概需要1分钟。

内容图文

<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需刷新才能执行]

内容总结

以上是互联网集市为您收集整理的[分享]一个非常漂亮的进度滚动条全部内容，希望文章能够帮你解决[分享]一个非常漂亮的进度滚动条所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端