Axure怎么做表格随着鼠标移动改变颜色?
发布时间：2018-01-11 09:02:31 作者：雨夜Δ迷梦 
我要评论
我要评论Axure怎么做表格随着鼠标移动改变颜色？Axure中的表格当鼠标选中某行的时候，颜色发生变化，鼠标移开以后表格恢复原来颜色，下面我们就来看看详细的教程，需要的朋友可以参考下
axure中绘制的表格想要制作当鼠标移入时整行变色，移出时恢复原来颜色，选中一行时整行变色，取消选中是恢复原来颜色，该怎么实现这个效果呢？下面我们就来看看详细的教程。
1、在页面中拖入一个中继器，取名为：表格中继器
2、双击打开中继器，删除现有的“矩形”方框，然后添加一个表格，只保留一个空行，将多余行删除并调整列宽至合适样式，我的是35:150:150，高为30
3、添加复选款至第一个单元格中，复选框取名为“选中”，用于选择行
4、组合复选框与表格，取名为“行”
5、设置“表格中继器”背景色为蓝色（点击中继器空白处即可设置）
6、选中组合“行”，分别设置期鼠标移入与鼠标移出时的交互：
7、鼠标移入时，当复选框“选中”的“选中状态”值==false时，“设置不透明”为"行”90%
8、鼠标移入时，当复选框“选中”的“选中状态”值==false时，“设置不透明”为"行”100%。到此时鼠标移入变色就做好了，接下来做选中变色
9、设置“选中”复选框“选中时”交互为 “设置不透明”“行”为75%
10、设置“选中”复选框“取消选中时”交互为 “设置不透明”“行”为75%
11、下面看看效果
以上就是axure实现表格随着鼠标的移动而改变颜色的教程，希望大家喜欢，请继续关注脚本之家。
相关推荐：
Axure怎么导入本地的按钮? Axure打开本地文件的技巧
相关文章
Axure RP 8怎么设计出自适应页面的元件？我们知道页面的大小是不固定的，想要设计元件的时候可以自适应页面尺寸，该怎么设计呢？下面我们就来看看详细的教程，需要的朋友可2017-06-05
Axure RP 8下拉框怎么控制文本框标题字体？Axure RP 8中下拉框切换值的时候，想要改变文本框和标题，该怎么实现呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-06-04
Axure RP 8怎么使用函数统计字符串长度？Axure RP 8想要统计文本框中输入的字符串的长度，该怎么统计呢？下面我们就来看看详细的教程，很简单，需要的朋友可以参考下2017-06-03
Axure RP Pro怎么制作一个网页展示原型？Axure RP Pro中想要设计一个手机页面原型，该怎么设计呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-05-25
Axure8.0试用到期后怎么激活？Axure8.0使用一个月后到期了，还想继续使用，该怎么激活呢？下面我们就来看看Axure8.0的激活教程，需要的朋友可以参考下2017-05-22
Axure RP 8怎么制作不倒翁的标靶图形？Axure中想要制作一个不倒翁的形状的靶子，该怎么制作呢？下面我们就来看看详细的绘制方法，需要的朋友可以参考下2017-05-16
Axure RP 8设怎么画一只漂亮气球图形？Axure RP 8中除了制作网页原型，还可以画图，该怎么画一个漂亮的气球呢？下面我们就来看看详细的教程，需要的朋友可以参考下2017-05-16
Axure RP 8怎么画漂亮的游泳圈图形？Axure中想要绘制漂亮的游泳圈，该怎么绘制呢？下面我们就来看看详细的教程，很简答，需要的朋友可以参考下2017-05-15
Axure RP8怎么设计美轮美奂的椭圆矩形框？Axure 中想要设计一个圆角矩形的图形，该怎么制作呢？下面我们就来看看详细的教程，很简单，需要的朋友可以参考下2017-05-15
Axure RP 8怎么控制不同颜色元件移动？Axure RP 8中想要控制两个不同颜色的柱子，该怎么操作呢？下面我们就来看看详细的教程，很简单，需要的朋友可以参考下2017-05-08
最新评论