axure中繪制的表格想要制作當鼠標移入時整行變色，移出時恢復原來顏色，選中一行時整行變色，取消選中是恢復原來顏色，該怎么實現(xiàn)這個效果呢？下面我們就來看看詳細的教程。

軟件名稱：原型設計工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)軟件大小：90.5MB更新時間：2018-05-24

1、在頁面中拖入一個中繼器，取名為：表格中繼器

2、雙擊打開中繼器，刪除現(xiàn)有的“矩形”方框，然后添加一個表格，只保留一個空行，將多余行刪除并調(diào)整列寬至合適樣式，我的是35:150:150，高為30

3、添加復選款至第一個單元格中，復選框取名為“選中”，用于選擇行

4、組合復選框與表格，取名為“行”

5、設置“表格中繼器”背景色為藍色（點擊中繼器空白處即可設置）

6、選中組合“行”，分別設置期鼠標移入與鼠標移出時的交互：

7、鼠標移入時，當復選框“選中”的“選中狀態(tài)”值==false時，“設置不透明”為"行”90%

8、鼠標移入時，當復選框“選中”的“選中狀態(tài)”值==false時，“設置不透明”為"行”100%。到此時鼠標移入變色就做好了，接下來做選中變色

9、設置“選中”復選框“選中時”交互為 “設置不透明”“行”為75%

10、設置“選中”復選框“取消選中時”交互為 “設置不透明”“行”為75%

11、下面看看效果

以上就是axure實現(xiàn)表格隨著鼠標的移動而改變顏色的教程，希望大家喜歡，請繼續(xù)關注錯新站長站。

相關推薦：

axure頁面載入時自動選中按鈕該怎么實現(xiàn)?

axure怎么調(diào)整字間距? axure字間距的設置方法

Axure怎么導入本地的按鈕? Axure打開本地文件的技巧