js生成变色进度条_js进度条变色-自学php网

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如何生成变色进度条呢？

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

下面是源码

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>

在js中使用createElement创建HTML对象和元素

js随机变色效果

子栏目

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

最新评论

添加评论

更多文章推荐

添加评论