基于在简单循环的插层效果
源代码视图
{功能描述}
制作简单的循环利用在插入效果
{ HTML代码}
一
二
三
四
五
六
{ CSS代码}
在{。
身高:20px;
行高:20px;
宽度:20px;
背景颜色:蓝色;
文本对齐:中心;
颜色:白色;
}
{ js代码}
无功olist = document.getelementbyid('list);
添加一个LI元素
VaR oadd = document.createelement(李的);
新的CSS样式元素
oadd.classname = ;
oadd.style.csstext = 'background-color:红色;边界半径:50%;
/ /添加到olist
olist.insertbefore(oadd,null);
var = 1;
VaR最大= olist.children.length;
功能incrementnumber(){
数字+;
/ / olist.getelementsbytagname(李的){max}等于零,所以这是没有错的
olist.insertbefore(oadd,olist.getelementsbytagname(李){数量});
如果(= = max){
数字= 1;
}
如果(数字= 0){
数字= 1;
}
setTimeout(incrementnumber,1000);
}
setTimeout(incrementnumber,1000);
以上就是本文的全部内容。代码非常简单。我相信你能读懂。如果你需要朋友,你可以参考这篇文章。希望你能喜欢。