基于replaceChild制作简单的吞噬特效

效果演示图：

源码查看

【HTML代码说明】

ul class=' list ' id=' list ' Li class=' in ' 1/Li Li class=' in ' 2/Li Li class=' in ' 3/Li Li class=' in ' 4/Li Li class=' in ' 5/Li Li class=' in ' 6/Li/ul【CSS代码说明】。在{高： 20像素线高： 20px宽度： 20px背景-颜色：蓝色；文本对齐：中心；颜色：白色；}【JS代码说明】

script var oList=document。getelementbyid(' list ')；//新增一个里元素var oAdd=文档。创建元素(“李”)；//设置新增元素的钢性铸铁样式oAdd.className=' inoadd。风格。CSS文本='底色：红色；边框半径：50% '；//1s后oAdd替换第0个lisetTimeout(function(){ olist。替换子项(oAdd，文档。getelementsbytagname(' Li ')[0])；//1s后执行增量数函数setTimeout(递增数，1000);},1000);函数incrementNumber(){ //获取oList中第一个Li var oli 1=文档。getelementsbytagname(' Li ')[1]；//若存在则进行替换处理if(oli 1){ olist。替换儿童(OAd，oli 1)；setTimeout(递增数，1000);} }/脚本以上内容给大家分享了基于replaceChild制作简单的吞噬特效，希望大家喜欢。