Html
    Css
    Js

    
                        
* {
	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;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

个人主页文字弹出信息(回弹)

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

0