这是一个创建于 3943 天前的主题，其中的信息可能已经有所发展或是发生改变。
我们组的美工设计的效果，想了一天也想不出如何实现。。。特来此求助。[我连这种效果的名字是什么都不知道。。。]
v2好像不能直接贴图上来。
放到这里了：
http://doubanvideo-doubanvideoimg.stor.sinaapp.com/a.png
http://doubanvideo-doubanvideoimg.stor.sinaapp.com/b.png
具体效果就是点击中间的带箭头的圆圈在a b两种界面直接进行转换
v2好像不能直接贴图上来。
放到这里了：
http://doubanvideo-doubanvideoimg.stor.sinaapp.com/a.png
http://doubanvideo-doubanvideoimg.stor.sinaapp.com/b.png
具体效果就是点击中间的带箭头的圆圈在a b两种界面直接进行转换
 |
1
justfindu 2014-01-29 09:52:38 +08:00
这不就是手风琴么~ 只是开关tab换成了箭头而已~
|
 |
2
chairuosen 2014-01-29 10:01:40 +08:00
灰色部分属于部分A，箭头和白色部分属于部分B，
点箭头的时候改变B的定位。绝对定位也行，相对也行，最好用绝对定位。 |
 |
3
loading 2014-01-29 10:17:09 +08:00 via iPhone
$("layer").animate({marginTop:"50"},500);
overflow:hidden; |
 |
4
emric 2014-01-29 10:18:16 +08:00
box 给个 overflow: hidden, 再调整 margin-top 的负值.
|
|
5
emric 2014-01-29 10:21:02 +08:00
发现我组合语言越来越有问题, 有人推荐我读几本书吗?
|
|
6
loading 2014-01-29 11:43:05 +08:00 via iPhone
lz死了
|
 |
7
RangerWolf OP @loading sorry 还没呢:) 今天基本上算是搞定这个效果了~ 只是效果还是不太理想。。。 用的还是基于bootstrap的手风琴的效果~ @justfindu
@chairuosen 有例子程序么？ 从来没玩过这么高级的界面效果。。。 |
 |
8
rayps 2014-01-29 15:28:46 +08:00
设计师就是坑
|
|
9
RangerWolf OP @emric box 是什么？
|
|
10
rayps 2014-01-29 16:47:05 +08:00
写一个给你看看，是这样么
http://codepen.io/RayPS/pen/wuLbq |
|
11
chairuosen 2014-01-29 17:27:18 +08:00
|
|
12
RangerWolf OP |
|
13
loading 2014-01-29 18:00:04 +08:00
@RangerWolf 请使用“感谢回复者”，楼层:hover 后可见。
|
|
14
emric 2014-01-29 18:27:21 +08:00
如果楼主找到答案了嗯? 我一直以为是这种效果...
http://jsbin.com/ObaqOhoJ/1/edit |
 |
15
P233 2014-01-29 19:03:54 +08:00
|
|
16
RangerWolf OP @emric 其实 我还真没看出太大区别。。。
@P233 我看到用到一个 http://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js 这能算是纯CSS么？ |
|
17
P233 2014-01-29 23:25:55 +08:00
|
Select Language
