* { margin:0; padding:0; } body { background-image:url("img/1.jpg"); background-repeat:no-repeat; background-size:100%; } #all { width:500px; height:500px; margin:0 auto; margin-top:100px; } #entrance { width:500px; height:500px; background-color:#000000; opacity:0.1; position:absolute; float:left; } .content { width:100%; height:auto; float:left; font-size:50px; font-family:'宋体',arial,georgia,verdana,helvetica,sans-serif; font-weight:bold; } .content span { margin-left:20px; } #name { top:30px; /*right:-20px; */ /*left:20px; */ /*left:500px; */ /*display:none; */ } #sex { top:90px; /*right:52px; */ /*left:428px; */ } #birthday { top:150px; /*display:none; */ /*right:88px; */ /*left:392px; */ } .information { width:auto; width:auto; position:relative; float:left; /*background-color:#3489ff; */ font-size:35px; font-family:'宋体',arial,georgia,verdana,helvetica,sans-serif; /*right:-500px; */ display:none; font-weight:bold; }
function getrandom() { var number = parseint(math.random() * 10 + 1); while (true) { if (num == number) { number = parseint(math.random() * 10 + 1); } else { return number; } } }
加粗显示的数字, 是显示图片数量, 如果图片数量为20, 只需要将值设置为20即可
document.body.style.backgroundimage = "url('img/" + num + ".jpg')"
这里是拼图片的url字符串【 注意: 图片名称除去需要拼字符串的部分, 都应该保持一致】