js入門事件（滑入滑出顯示與隱藏效果）

第一個事件如下：

代碼段：

 

樣式區：

 

js區：

 

瀏覽器區顯示效果：

 

 

 

第二個事件如下：

 

代碼與js區：

 

css樣式區：

 

 

效果區：

 

 

注釋區：

 

/*
	JS中如何獲取元素：
	1、通過ID名稱來獲取元素：
	document get element by id 'link'
	docuemnt.getElementById('link');
	2
	……
	事件：鼠標事件、鍵盤事件、系統事件、表單事件、自定義事件……
	onclick
	onmouseover
	onmouseout
	onmousedown
	onmouseup
	onmousemove 就像是鼠標撫摸一樣的事件
	……
	onload 加載完以后執行……
	window.onload = 事情
	img.onload
	body.onload
	……
	如何添加事件：
	元素.onmouseover
	函數：可以理解為-命令，做一些事~~
	function abc(){ // 肯定不會主動執行的！
	……
	}
	1、直接調用：abc();
	2、事件調用：元素.事件 = 函數名 oDiv.onclick = abc;
	function (){} 匿名函數
	元素.事件 = function (){};
	測試：
	alert(1); 帶一個確定按鈕的警告框
	alert('ok'); 'ok' 字符串
	alert("ok");
	變量：
	var li = document.getElementById('lis');
	var num = 123;
	var name = 'leo';
	*/