Axure—滑鼠懸停-字型變色

部落格概要

     分享利用Axure制作的滑鼠懸停-字型變色效果~

文章目錄

• • 部落格概要
• Axure RP8-實戰案例_總目錄
• • 滑鼠懸停-字型變色
  • 制作過程
  • • 1.搭建頁面
    • 2.滑鼠移入互動
    • 3.滑鼠移出互動
    • 4.效果展示
  • 總結

Axure RP8-實戰案例_總目錄

文章超連結：https://blog.csdn.net/qq_41386332/article/details/109445644

滑鼠懸停-字型變色

解釋	一種常見的字型互動動态效果
效果	滑鼠懸停字型發生顔色的變化
【PS】	1.本次制作，樣式簡潔，請按需，自行美化 2.有多種制作方式，此次至制作了其中之一，其餘後續分享
…	…

制作過程

1.搭建頁面

     利用“矩形”、“圖檔”、“文本”等元件，搭建整體頁面結構。

2.滑鼠移入互動

     按步驟進行相應的互動設定：

1. 選中要進行設定的“文本”元件
2. 在屬性一欄選擇設定“互動”下的“滑鼠移入時”的用例
3. 選擇“添加動作”一欄的“設定文本”
4. 勾選“配置動作”中要設定的元件
5. 在“設定文本”一欄，下拉選擇“富文本”
6. 選擇點選“編輯文本”，進入“文本編輯視窗”
7. 在“文本編輯視窗”選中要編輯的文本，選擇“字型顔色”一欄，下拉選擇相應的顔色
8. 點選“确定”，可以在“屬性”的“互動”一欄中看到相應的變化

3.滑鼠移出互動

     按步驟進行相應的互動設定，步驟與“移入”設定差不多，僅僅就在“選擇顔色”的時候略有差別。

4.效果展示

     滑鼠懸停，字型變色，滑鼠移出，字型恢複顔色。

總結

以上= =“字型滑鼠懸停變色”技能點get~