第一js進(jìn)行鼠標(biāo)懸停事件來(lái)處理DOM實(shí)際上是不合理的對(duì)于界面交互上能通過(guò)css處理的事件就不要用js來(lái)處理第二恰好css對(duì)于鼠標(biāo)懸停是有對(duì)應(yīng)的選擇器及其處理處理方法如圖A假設(shè)A的id為a，css代碼如下a wid。

模擬的思路就是，每次鼠標(biāo)移動(dòng)，都將這個(gè)事件觸發(fā)的時(shí)間點(diǎn)記錄下來(lái)，當(dāng)經(jīng)過(guò)一段時(shí)間，如果沒(méi)有觸發(fā)鼠標(biāo)移動(dòng)，就觸發(fā)鼠標(biāo)停止移動(dòng)事件但顯然，這個(gè)事件會(huì)比較延遲下面假定兩次鼠標(biāo)移動(dòng)間隔超過(guò)50毫秒則為停止移動(dòng)，模擬代碼如下。

div height100pxwidth100pxbackgroundcolor aqua 文字內(nèi)容文字內(nèi)容 2方法二，利用css的偽類(lèi)hover，以及顯示隱藏屬性display，來(lái)實(shí)現(xiàn)如下continer height100pxwidth100pxbackgroundcolor aqua con。

代碼說(shuō)明這里面確實(shí)一次為這個(gè)段落創(chuàng)建了兩個(gè)事件，都是DOM通用的事件，一個(gè)叫mouseover鼠標(biāo)懸停，一個(gè)叫mouseout鼠標(biāo)離開(kāi)，mouseover事件觸發(fā)時(shí)要用到2個(gè)函數(shù)function， 分別是chfgcolor和chbgcolor， 而mouseout。

js寫(xiě)也就是加個(gè)樣式啊比如jq的 首先定義一個(gè)樣式#39#button#39hoverfucntion thisaddClass#39red#39，function thisremoveClass#39red#39。

div上綁定一個(gè)hover事件，并開(kāi)始計(jì)時(shí)以jquery為例var tid = 0$ quot#divquot hover function tid = setTimeout function 當(dāng)觸發(fā)hover就開(kāi)始自動(dòng)在1秒后執(zhí)行相應(yīng)代碼 ， 1000 ， fun。

txtsetAttributequottitlequot，quot鼠標(biāo)懸停了quot 二div實(shí)在的在開(kāi)發(fā)工具里面的代碼效果如下截圖三這段代碼最主要的重點(diǎn)是如下 var txt = documentgetElementById#39txt#39txtsetAttributequottitlequot，quot鼠標(biāo)懸停了quot。