Html
    Css
    Js
html,body {
	background-image:url("images/208.jpg");
	height:100%;
	//文字的显示区域要设置好
}
div.mask {
	position:fixed;
	width:100%;
	height:100%;
	background-color:black;
	opacity:0.5;
	top:0px;
	left:0px;
}
div.bottom {
	width:100%;
	height:77px;
	background-color:#090909;
	position:fixed;
	bottom:0px;
	left:0px;
	text-align:center;
	line-height:77px;
}
div.bottom input.content {
	width:605px;
	height:37px;
	border:none;
	border-radius:10px 0px 0px 10px;
	font-size:16px;
	font-family:'Microsoft Yahei';
}
div.bottom a.send {
	background-color:green;
	color:#fff;
	display:inline-block;
	width:150px;
	height:40px;
	line-height:37px;
	text-align:center;
	position:relative;
	left:-10px;
	top:-2px;
	border-radius:0px 10px 10px 0px;
	text-decoration:none;
	font-family:'Microsoft Yahei';
}
div.mask a.button {
	width:50px;
	height:50px;
	border-radius:30px;
	background-color:#660000;
	color:#fff;
	position:fixed;
	top:20px;
	right:20px;
	text-align:center;
	line-height:50px;
	font-size:30px;
	font-family:'Microsoft Yahei';
	border:1px solid #fff;
	text-decoration:none;
	cursor:pointer;
}
div.text {
	color:#fff;
	position:fixed;
	right:0px;
	font-size:20px;
	white-space:nowrap;
}

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

弹幕实现方式

0