如何设置升降平面图？

Question

我目前正在使用一个名为ascensor.js的插件。

我正在学习如何使用它来创建一个网站的基础上，这个ascensor插件。

我的主代码是这样的，5除法

<div id="content">
    <div class="page" id="welcome">
        <img src="images/1.jpg" class="bgimg">
    </div>
    <div class="page" id="team">
        <img src="images/2.jpg" class="bgimg">
    </div>
    <div class="page" id="price">
        <img src="images/3.jpg" class="bgimg">
    </div>
    <div class="page" id="testi">
        <img src="images/4.jpg" class="bgimg">
    </div>
    <div class="page" id="contact">
        <img src="images/5.jpg" class="bgimg">
    </div>
</div> 

这是一个java，用来启动ascreaser..

$('#content').ascensor({
    direction: 'xy'
});

现在我可以让它变成x，或者y。

但从我想要的是..我希望欢迎成为主页，它是在中心..黑色矩形是欢迎页面..左边是团队..右边是testi..最高的是价格..最下面就是联系..

​

​

有没有什么办法我可以用这个插件来做这件事？我对地图和地板的东西感到很困惑..

Answer 1

定义楼层平面图的方向。

平面图基本上是网格，其中第一个数字是行，第二个数字是列。坐标必须按照您想要显示它们的顺序写入(由于您希望从中心开始，请先写入中心的坐标)。

var ascensor = $('#content').ascensor({
    childType: 'div',  
    direction: [[1, 1], [1, 0], [0, 1], [1, 2], [2, 1]], 
});