滑鼠游標移經選單項目時變更圖片(搭配Astra進階選單模組)

這是一個學員提出的問題,希望可以在子選單展開的時候,當滑鼠游標移動到不同項目上的時候,會顯示對應的圖片,請參考下方GIF動圖:
滑鼠游標移經選單項目時變更圖片GIF範例

這裏我們需要一個子選單可以放入HTML語法的功能,影片中是使用了Astra佈景主題付費版的進階選單模組,但並不是一定要用Astra的模組,只要是能夠在子選單裡頭放入HTML的其他佈景主題或是外掛,也可以做到這樣的效果。

按此前往YouTube觀看影片

HTML1:

HTML2:

Javascript:

訂閱文章更新電子報

透過WordPress.com平台(jetpack功能)訂閱文章更新電子報