JavaScript经典案例：用户协议确认

效果展示：


CSS代码：

<style type="text/css">
	#wrapper {
		width: 80%;
		height: 500px;
		margin: 50px auto;
		background: white;
	}

	#wrapper #title {
		width: 60%;
		height: 30px;
		margin: 0 auto;
		line-height: 30px;
		text-align: center;
		background: linen;
	}

	#wrapper #paragraph {
		width: 60%;
		height: 400px;
		margin: 0 auto;
		overflow: auto;
		background-color: antiquewhite;
	}

	#wrapper #agreement {
		margin: 20px auto;
		text-align: center;
	}
</style>

HTML代码：

<div id="wrapper">
	<div id="title">《洛克王国》软件之《用户守则》</div>
	<p id="paragraph">
		尊敬的用户：<br />
		　　根据《洛克王国》儿童社区网络社区《用户协议》ÿ