4.自由翻页效果

WU发表于:2015年04月03日 09:48:23更新于:2019年04月22日 15:56:54

一、案例效果

001567b842e172b5fb5667263c18e90


二、应用场景

自由模式。上下、左右的翻页模式,很容易理解。那这个“自由模式”又是什么意思?实际上,自由模式针对的情况更为复杂:在同一个页面组内,如果希望既可以上下、也可以左右切换,这就需要用“自由模式”了。


三、效果设置

1.设置页面翻页方向。在左边栏页面组,可以选择设置页面组内翻页方向,包括:

(1)上下翻页

(2)左右翻页

(3)自由模式

image.png


2.如下图所示,页面是有层级关系的,又被划分为了两个子组:

(1)0 / 1 / 2 这三页,是第一个子组,这三页可以上下切换

(2)3 / 4 / 5 又是另外一个子组,这三页也是上下切换的

(3)从 0 / 1 / 2 这三页中任意一页,向左滑动,就来到了第二个子组的第一页,即 页3

blob.png


3.用鼠标按住页面向右拖动,就能形成二级子页面,而向左拖则会恢复为一级页面。

00156779b7511a9ce0e553a4ed1895b


4.如何设置首尾页翻页

blob.png



5.设置页面翻页切换效果(目前共有7种切换方式,默认为缩放)。右侧设置面板-作品信息-切换效果。

blob.png

blob.png


7.如果是其它方式触发跳转页面,效果会更丰富一些。0015c2c40cf62501c67769ffcd787b7

回复(15)