簡介
在電腦版時有效果,hover(滑鼠移上去)選單時想要讓中文的選單自動轉成英文的效果。
運用範圍
沒有什麼常見的運作情境,如果說有,那就是做給外國人看的,只是選單有英文,內容沒有英文的話,這樣外國人不就只能看得懂選單而已嗎?XD
範例
這裡我拉一個Elementor的選單當作範圍。
原理與思路
我使用jQuery的hover效果來處理這樣的需求,並且須事先準備要用的「英文字詞」,因這個並不是自動翻譯。
▼要先準備好對應的英文字詞
注意
此法只對「第一層」主選單有效,若要第二層、第三層....的子選單都要有效果,須另再有更細膩的寫法(可能要採委託外包方式另寫了)。
實作
付費內容,需支付 : 500 個學習幣
您須先登入會員以使用學習幣與發問功能。總結
有時候業主就是要這個功能,只是我覺得沒有很實用啦!
這只有在電腦版時有效果,因手機瀏覽器本就沒有hover(滑鼠移上去)的效果,使用上要特別注意。
我使用jQuery的hover效果來處理這樣的需求,當然純CSS也有hover功能,只是純CSS不好寫,用jQuery比較簡單一點。