Html
    Css
    Js

    
                        
.box1 {
	position:absolute;
	height:100%;
	width:100%;
}
.boxTop {
	height:70%;
	width:100%;
	background:#fff;
	position:relative;
}
.boxTop span {
	position:absolute;
	top:0;
	left:0;
	font-size:24px;
}
.boxBottom {
	height:30%;
	width:100%;
	background:#4c4c4c
}
.boxBottom p {
	text-align:center;
	margin-top:30px;
	float:left;
	width:80px;
	margin-left:30%;
	color:#fff;
}
.boxBottom .text {
	display:block;
	margin-top:30px;
	float:left;
}
.boxBottom .btn {
	height:25px;
	margin-top:30px;
	margin-left:10px
}

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

弹幕效果(原创)

框架已经是最简单的,引用标准jquery即可,代码好修改

0