簡介

在電腦版時有效果,hover(滑鼠移上去)選單時想要讓中文的選單自動轉成英文的效果。

運用範圍

沒有什麼常見的運作情境,如果說有,那就是做給外國人看的,只是選單有英文,內容沒有英文的話,這樣外國人不就只能看得懂選單而已嗎?XD

範例

這裡我拉一個Elementor的選單當作範圍。

原理與思路

我使用jQuery的hover效果來處理這樣的需求,並且須事先準備要用的「英文字詞」,因這個並不是自動翻譯。

▼要先準備好對應的英文字詞

實作

付費內容,需支付 : 500 個學習幣
您須先登入會員以使用學習幣與發問功能。

總結

有時候業主就是要這個功能,只是我覺得沒有很實用啦!

這只有在電腦版時有效果,因手機瀏覽器本就沒有hover(滑鼠移上去)的效果,使用上要特別注意。

我使用jQuery的hover效果來處理這樣的需求,當然純CSS也有hover功能,只是純CSS不好寫,用jQuery比較簡單一點。