您當前的位置:首頁 > 曲藝

頂部導航游標定位

作者:由 五百英里 發表于 曲藝時間:2022-02-24

當滑鼠移入頂部選單時,選單頂部有游標跟隨,當移出時,游標自動回到當前頁面選單位置

如下圖:

頂部導航游標定位

頂部導航游標定位

線上效果圖,檢視:頂部導航游標定位

製件方法

1、頁面與導航欄製作

按平時製作導航與頁面的方式制定,先製作好頁面與導航欄

2、選單動態面板

新增動態面板,放在導航欄位置

頂部導航游標定位

選單動態面板

3、製作選單

進入動態面板,新增4個選單,並新增游標,並放置於選單一位置

頂部導航游標定位

選單製作

4、選單一互動

針對每個選單單獨做互動效果,選單一互動設定

頂部導航游標定位

選單一互動

在選單一的互動中新增全域性變數“blue”,並設定值為“選單一”

頂部導航游標定位

變數值設定

5、選單二互動

選單二互動設定

頂部導航游標定位

選單二互動

在選單二的互動中新增全域性變數“blue”,並設定值為“選單二”

頂部導航游標定位

變數值設定

其餘選單按以上方法進行設定

6、動態面板頁面互動

在動態面板頁面做滑鼠移出時的互動效果

頂部導航游標定位

滑鼠移出互動

7、母板

多個選單頁面,可將製作的選單轉換為母板,其餘3個選單頁面可直接使用

頂部導航游標定位

母板

8、主頁面互動設定

在主頁面設定頁面載入時的互動

頂部導航游標定位

頁面載入設定

標簽: 選單  互動  頁面  設定  面板