實現的功能：頁面裡同一區域有兩個內容，它們是重疊的。用兩個按鈕控制誰來顯示。通過input的onclick呼叫js實現。

佈局：父標籤的position設定成relactive。子標籤都設定成absolute，top和left都設定成一樣。可以實現重疊的效果。並且要設定層級關係

.notebook {
	position: relative;
	float:right;
	background-color: #dd2;
	width:800px;
	height: 800px;
}
#book{
	position: absolute;
	top:0;
	left: 0;
	z-index: 1000
}
#note{
	position: absolute;
	top:0;
	left: 0;
	z-index: 999;
 

接下來佈置好兩個按鈕：

<input id="btn1" onclick="btnClick('book')" type="button" value="資料" style="width:50px;height:30px;">
<input id="btn2" onclick="btnClick('note')" type="button" value="筆記" style="width:50px;height:30px;">

其中onclick="btnClick('book')"呼叫了btnClickd的js函式，並且給函式傳入‘book’的引數，即要顯示內容的id；

js程式碼：

var indexCount=1000;
function btnClick(idname){
	indexCount++;
	document.getElementById(idname).style.zIndex=indexCount;

總結： 1.js改變css樣式，樣式名字都要改成駝峰形的，比如：z-index改成zIndex. 2.原來是用click（）來當作函式名，結果一直沒有呼叫這個函式，弄了半天，才發現不能用這個名字。難道是click跟其他函式名字衝突了。教訓是下次不能亂起名字，尤其是這種很容易撞車的名字。