公告:www.Axure.org / www.WebPPD.com -接受投稿,有相关主题的内容可以发布到论坛里。本人联系方式 Email/QQ/MSN:yintop#qq.com (把#换成@)

用Axure制作Tab页切换和层切换的另种方法

| 2009-02-26
之前的时候在 http://webppd.5d6d.com/thread-65-1-1.html 中介绍了一种用Axure制作Tab页切换的最简便的方法,现在又用另外的方法分别制作了一个Tab页切换和一个Tab层切换。(两个的原理不同)

下载地址: http://webppd.5d6d.com/thread-99-1-1.html

页切换原理:
利用页面的OnPageLoad事件。
1. 在最底层建立三个页面的导航。
2. 设置每个导航打开对应页面时,赋值变量为相应的1或2或3.
3. 在最上层建立三个隐藏层,层中是透明度为60的带颜色的矩形,刚好每个能盖住一个导航位置。
4. 在页面“OnPageLoad”中添加事件,添加条件当变量等于1时显示出半透明隐藏层1,盖在导航1位置上面。以显示出当前页的效果。

层切换原理:
1. 在最底层铺三个一样的Tab签作底。
2. 在次底层建一个层,分别有三个状态,在每个状态中做出显示当前层的状态效果。
3. 在最上层三个Tab签的位置上加盖三个图像映射区,在映射区上加交互,设置三个层状态相互之间的切换。

本页的留言及评论