CSS鼠標(biāo)響應(yīng)事件經(jīng)過、移動(dòng)、點(diǎn)擊示例介紹_javascript技巧

幾種鼠標(biāo)觸發(fā)CSS事件。
說明：
onMouseDown 按下鼠標(biāo)時(shí)觸發(fā)
onMouseOver 鼠標(biāo)經(jīng)過時(shí)觸發(fā)
onMouseUp 按下鼠標(biāo)松開鼠標(biāo)時(shí)觸發(fā)
onMouseOut 鼠標(biāo)移出時(shí)觸發(fā)
onMouseMove 鼠標(biāo)移動(dòng)時(shí)觸
代碼如下:

鼠標(biāo)響應(yīng)事件 當(dāng)鼠標(biāo)經(jīng)過移出時(shí)切換css

onMouseDown 按下鼠標(biāo)時(shí)觸發(fā)

onMouseOver 鼠標(biāo)經(jīng)過時(shí)觸發(fā)

onMouseUp 按下鼠標(biāo)松開鼠標(biāo)時(shí)觸發(fā)

onMouseOut 鼠標(biāo)移出時(shí)觸發(fā)

onMouseMove 鼠標(biāo)移動(dòng)時(shí)觸發(fā)

代碼如下:
鼠標(biāo)經(jīng)過表格變色樣式:


代碼如下:

控制表格隔行變色:
簡單應(yīng)用:


添加CSS文件引用:
代碼如下:

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com