jquery滑鼠移入變色移出恢復

2021-08-28 16:13:53 字數 519 閱讀 7418

一、需求說明

現需要對乙個**的內容部分做下高亮處理:當滑鼠放到這一行時,背景色發生改變;當滑鼠移出這一行時,恢復這一行的原有背景色。如下圖,原來是除了首行以外,帶序號的內容部分,奇偶行背景色交替變化,當滑鼠放到第1行時,看到下圖的樣式,移出該行後,恢復原樣。

二、**實現

table及樣式部分:

序號

姓名年齡 1

張三10

2李四20 3

王五30

4趙六40 5

錢七50

關鍵點:1.給table新增邊框 2.奇偶行顏色交替

js**部分:

關鍵點:

弄清實現思路:移入時需要a.獲取該行原有背景色 b.給該行新增新的背景色;移出時,恢復改行原有背景色

參考:

滑鼠移入移出事件

js給網頁新增互動 功能 修改樣式。核取方塊 滑鼠提示框 將滑鼠移入核取方塊,div顯示 display block 滑鼠移出核取方塊,div隱藏 display none 事件 使用者的操作,onmouseover 滑鼠移入事件,onmouseout 滑鼠移出事件 testing mouseeve...

PowerBuilder滑鼠移入移出事件

powerbuilder中只有視窗和富文字有mouse事件外,其他都沒有 powerbuiler中沒有滑鼠移入移出的直接事件,需要我們自己定義 1.首先需要定義乙個結構,用來儲存滑鼠的座標 position 2.宣告兩個全域性外部函式 3.新增timer 在在視窗的open事件或者某個觸發事件中新增...

滑鼠移入移出時定時器加速的原因

在寫滑鼠移出移入事件時,發現定時器在多次移入移出時會不斷加速 錯誤 var st settimeout pt 3000 function zx ptdiv.onmouseover zx function zz ptdiv.onmouseout zz 錯誤原因 滑鼠移除所寫的 是重新定義了乙個定時器,...