一个横向抽屉的面板动态切换

尹广磊 · 发表于 2011-9-10 16:09:59

制作原理：

只有面板二、三、四、五会移动，移动后的绝对位置都是固定的。
所以每一次移动都是让四个面板移动到指定的固定位置。
使用Axure6制作，移动过程可以设置自动的动画，500ms完成。
由于有了500ms的移动动画，所以在移动过程中不能再触发新的移动，
否则会出现移动错位，于是要在整个面板上面放置一个空的动态面板遮罩。
当触发某一次移动时，就让透明遮罩显示，以挡住其它的触发位置。
过500ms后，再让遮罩面板消失。

演示地址：http://9w2bmn.share.hiaxure.com/

rp源文件：（获得虚拟币）

王子非鱼 · 发表于 2011-9-10 17:27:28

webppd:sad老师我没有在整个面板上面放置一个空的动态面板遮罩没出现移动错位所以有点不明白遮罩的作用

朴什夕 · 发表于 2011-9-10 19:38:42

木有虚拟币啊啊啊啊啊啊

尹广磊 · 发表于 2011-9-10 21:15:33

2# 王子非鱼

不使用遮罩，快速在各个个上面切换时就会有问题。

吴金志 · 发表于 2011-9-10 22:53:21

2# 王子非鱼

没有这遮罩层的话在鼠标划过的时候可能会遇见另外的那个热点，导致错位！

我的没有用遮罩你可以看下会有错乱的！
截图不好做就上网页的！

xiangdui918 · 发表于 2011-9-13 23:34:18

没有虚拟币怎么办啊？？

蛋可儿 · 发表于 2011-9-14 16:31:20

1# 尹广磊
尹老师，我打开了一下原型展示，里面有问题，当左右来回移动鼠标时出现的

pengsarah01 · 发表于 2011-9-22 14:32:13

怎么赚虚拟币？

别问我 · 发表于 2011-9-23 14:07:15

学习了

谭云牛 · 发表于 2011-9-23 17:18:37

好高的虚拟币啊！

朱辉 · 发表于 2011-10-3 13:40:09

学习了

4581457 · 发表于 2012-12-7 17:19:57

- - 好多金币！

zeromao · 发表于 2013-4-15 22:09:47

参考一下!

陈建平 · 发表于 2013-4-28 15:08:48

怎么赚虚拟币？
pengsarah01 发表于 2011-9-22 14:32

http://www.hiaxure.com/thread-1049-1-1.html

fhl · 发表于 2018-1-11 08:51:54

学习啦

王相鲁 · 发表于 2018-9-3 13:33:56

不使用遮罩，各个个上面切换时确实会出现问题，已经验证

fangandyang · 发表于 2020-7-10 16:46:33

学历了

[PC端] 一个横向抽屉的面板动态切换