网站地图    收藏    合作   

主页 > 前端 > javascript >

js生成变色进度条_js进度条变色

来源:未知    时间:2014-12-17 17:20 作者:xxadmin 阅读:

[导读] js如何生成变色进度条呢? 其实思路很简单,时间函数,和变量,算出当时颜色即可! 下面是源码 script window.onload = function(){ function setnav(){ window._a = 0; window._bodys_val = document.body; add();...

js如何生成变色进度条呢?

 其实思路很简单,时间函数,和变量,算出当时颜色即可!

下面是源码

<script>
window.onload = function(){
 
 
function setnav(){
window._a = 0;
window._bodys_val = document.body;
add();
}
 
function add(){
_a++;
if(_a<255){
setTimeout(add,30);
}
var _div = getdiv(_a);
 
_bodys_val.appendChild(_div);
}
 
function getdiv(_a){
var div = document.createElement("div");
div.style.width = 150+"px";
div.style.height = 11+"px";
div.style.position = "absolute";
div.style.background = "rgb("+(255-_a-15)+", "+_a+", "+0+_a*5+")";
div.style.left = _a*5+"px"
return div;
}
 
 
setnav(); //调用
 
}
</script>

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论