* {
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字符串【 注意: 图片名称除去需要拼字符串的部分, 都应该保持一致】