axure如何弄个CSS的onmouse over效果呢？

firlenza · 发表于 2009-8-8 18:23:29

生成后的文字链接效果没有任何变化，所以文字链接想定义一下增加a:hover 鼠标移上去的效果，但修改RESOUSES目录下的axurerppage.css ，没反应。有人尝试过改CSS定义吗？

尹广磊 · 发表于 2009-8-8 19:34:47

原理：

1.将文字链的内容写在一个矩形框内。
2.将矩形框的填充和边框设为透明，这样看上去就只剩下文字链内容了。
3.给矩形框设置轮换样式，设置轮换时的字体颜色或有无下划线等等。这样就达到了文字链增加OnMouseOver的效果了。

firlenza · 发表于 2009-8-8 21:43:25

谢谢，这未尝不是一个好方法，但既然AXURE提供了文字链的WIDGET，如果我的MENU上有很多要链接的不同栏目，那这样好像有点麻烦了

hirobiny · 发表于 2009-10-2 02:46:33

他意思是使用Button Shape Widget控件设置边框色和背景色为白色。

也可以用动态面板实现。不过瞒麻烦的。。。！！！

本人想了一个方式，就是做2层同样文字叠一起，鼠标事件发生后，定义两个标签的层顺序发生变化（底部提前，前提底部）。可惜axure不支持这种设置。。。不然可以轻松解决很多层顺序展示。。一些flash就靠这个来实现层转换展示。效果还行。

或许更简单就是提供文字也有样式自定义。。。期待V6.0

hirobiny · 发表于 2009-10-14 20:13:34

Axure可以支持多个控件的自定义。
不过axure不支持css编辑，不可以修改代码变更axure固定的定义模式范本。不过相交已经很丰富设计功能了。

文字链暂时不支持鼠标事件触发定义。包括文字等，是比较遗憾的。不过可以通过多层重叠，通过隐藏，显示即可实现楼主要的方式，虽然麻烦的，只能期待未来版本解决这个基础问题。

耿小平 · 发表于 2009-10-21 11:07:46

其实已经很不错了不要要求太高了

莫胜利 · 发表于 2010-4-16 14:22:37

感觉老尹的方法非常好，做成常用库就行了

linda · 发表于 2010-4-21 10:35:06

很好

hxytopone · 发表于 2010-5-4 13:36:25

谢了

rainbow1102 · 发表于 2010-5-12 13:42:20

学习学习！

禅茶一味 · 发表于 2010-7-1 14:35:58

不错。。学习了。。。

梁金鉴 · 发表于 2010-7-5 09:14:57

学习了·· 确实是一个好办法！

chiung · 发表于 2011-1-19 10:05:05

呵呵不错```

武森 · 发表于 2011-1-19 17:42:18

尹老师提到的方法,其实就是Axure封装css中的hover功能,只不过不支持批量设置而已

李玉芬 · 发表于 2011-1-20 16:35:01

不是很懂呐~~研究研究才行~~~

高崎 · 发表于 2011-5-12 10:33:13

学习了非常的喜欢啊

阏愚 · 发表于 2011-7-12 15:49:17

这个方法好，简单，明了，如果用hover的话，还得改CSS，太麻烦了。。。

BADBOY · 发表于 2011-8-23 09:13:25

好像没有说到鼠标变小手啊？？

purplewqh · 发表于 2011-8-23 12:11:19

2# 尹广磊

我想再问一下，鼠标离开之后能怎么让它继续保持这个状态呢？

alina · 发表于 2011-8-26 08:44:31

好，学习！

axure如何弄个CSS的onmouse over效果呢？

在Axure里设置出文字链悬停时的链接颜色