程序博客网 > 网络机房升级改造方案

第2课--2.2自动生成100个LI-只能用定位实现（提高版）

来源：互联网发布：网络机房升级改造方案编辑：程序博客网时间：2024/05/17 23:26

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>自动生成10个Li-只能用定位实现</title><style>body,input{margin:0;padding:0;}#wrap{position:absolute;}div{position:absolute;}</style><script>window.onload = function(){var oBtn = document.getElementById("button");var oWrap = document.getElementById("wrap");var arr = ["red","yellow","blue","green"];var l = 0;var t = 30;var str = "";oBtn.onclick = function(){for(var i = 0;i < 100;i++){if(i > 1 && i % 10 == 0){l = 0;t += 62;}    str += '<div class = "div'+ i +'" style = "width:50px;height:50px;background:'+ arr[i % 4] +';font-size:20px;border:1px solid black;left:'+ l +'px;top:'+ t +'px;">'+ i +'</div>';    l += 60;}oWrap.innerHTML += str; }}</script></head><body><div id = "wrap"><input type = "button" value = "自动生成10个Li" id = "button"/><br/></div></html>

阅读全文

0 0

网络机房升级改造方案

网络机房升级改造方案

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子儿童反应迟钝怎么办头昏昏沉沉怎么办脑袋昏沉沉怎么办头抽筋怎么办相扑选手夏天怎么办居民健康档案怎么办小三被原配发现怎么办微信传视频过大怎么办运营商劫持手机怎么办 wifidns被劫持怎么办浏览器中毒了怎么办网络被挟持怎么办寄生虫进入大脑怎么办怀孕有寄生虫怎么办身体有寄生虫怎么办头部有寄生虫怎么办小儿推拿哭闹怎么办颈椎僵硬怎么办颈椎硬膜囊受压怎么办颈椎导致头晕怎么办颈椎反张怎么办肩颈堵塞怎么办头晕目眩耳鸣怎么办武术段位证书怎么办如果科一没过怎么办法院找不到被告怎么办足球门将被罚下怎么办孩子下腰起不来怎么办跪下腰下不去怎么办脑子反应慢怎么办培训班营业执照怎么办初一基础差怎么办儿童国学培训班怎么办办学资质怎么办培训机构不退费怎么办教育机构怎么办教育局查培训班怎么办残疾人养老保险怎么办被黑社会追杀怎么办尼姑思春怎么办员工不好管理怎么办