第一個(gè)事件如下：

代碼段：

樣式區(qū)：

js區(qū)：

瀏覽器區(qū)顯示效果：

第二個(gè)事件如下：

代碼與js區(qū)：

css樣式區(qū)：

效果區(qū)：

注釋區(qū)：

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。