第一個事件如下：

代碼段：

樣式區：

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';
	*/

總結

以上是生活随笔為你收集整理的js入门事件（滑入滑出显示与隐藏效果）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。