1. 程式人生 > >用JS去設置HTML頁面鼠標懸浮時改變背景圖片

用JS去設置HTML頁面鼠標懸浮時改變背景圖片

如果 bubuko 而不是 目標 更改 targe src 驅動 select

技術分享圖片

首先將每一個li上面添加一個移入事件onmouseover;在懸浮事件裏面設置event事件源

JS樣式裏首先應該找到頁面裏的ul

技術分享圖片

然後在ul裏面的所有li

    var ln = bg.querySelectorAll("li");

在移入函數中獲取觸發事件元素

     var leg = e.target;//獲得觸發事件元素 target 事件屬性可返回事件的目標節點(觸發該事件的節點),

在循環裏面初始化背景圖片

技術分享圖片

設置鼠標懸浮時背景圖片

技術分享圖片

event事件源觸發了鼠標懸浮事件

如果在初始化裏面定義的背景樣式用行內樣式去定義,那麽在最後更改圖片時也應該用行內樣式而不是類樣式,因為行內樣式的優先級高於類樣式

事件的要素 一、事件源: ?是指那個元素引發的事件,如:本次事件的事件源是event 用target來獲取這次事件元素 二、事件: ?事件是指執行的動作, 如:本次事件是onmouseover() 三、事件驅動程序 ?即執行的結果 如:本次最後設置的更改的背景圖片

用JS去設置HTML頁面鼠標懸浮時改變背景圖片