js入門事件(滑入滑出顯示與隱藏效果)

2022-03-27 18:53:07 字數 1448 閱讀 7857

第乙個事件如下:

**段:

樣式區:

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隱藏域的顯示與隱藏

js中的style物件中的display屬性和visibility屬性的區別 收藏 一 display屬性的常用屬性值有兩個,分別為 1 none 隱藏,不佔位,空件之間重新定位 2 block 顯示 二 visibility屬性的常用屬性值有兩個,分別為 1 hidden 隱藏,佔位 2 visi...

js隱藏域的顯示與隱藏

js中的style物件中的display屬性和visibility屬性的區別 收藏 一 display屬性的常用屬性值有兩個,分別為 1 none 隱藏,不佔位,空件之間重新定位 2 block 顯示 二 visibility屬性的常用屬性值有兩個,分別為 1 hidden 隱藏,佔位 2 visi...

js進行操作table隱藏與顯示查詢

css樣式 這是概括的是評價總數 總數,好評總人數,差評總次數 sfont docname dnameinfo doctab doctab td 虛線的畫法 dashed line specific info jsp檔案 取消 人數 人 好評 差評 好評 差評 js檔案 進行對js 進行優化與物件導...