Ascensor插件 - 触发功能“WindowsOn”改变

时间:2013-01-07 10:02:56

标签: jquery html jquery-plugins

美好的一天 - 这是我在StackOverflow上的第一篇文章,当它来到jQuery& amp;时,我有点像菜鸟JS ......所以对我来说很容易:)这里就是......

我正在重新创建我的投资组合网站,并使用了几个jQuery插件。其中一个是jquery.ascensor.js插件,可在此处找到 - Ascensor Plugin

这一切都很完美,除了我试图添加一个(希望这是正确的术语)一个自定义回调函数,这将允许我动画(使用css3)时特定的“ascensorFloor1,2,3 .. .etc“进入视野,然后在视野之外消失......我希望这是有道理的。

这是我的HTML调用插件:

$('#ascensorBuilding').ascensor({
        AscensorName:'ascensor',
        ChildType:'section',
        AscensorFloorName:'Home | Implementation | HTML | Jquery | CSS | Smartphone | Credits',
        Time:1000,
        WindowsOn:1,
        Direction:'chocolate',
        AscensorMap:'2|1 & 2|2 & 2|3 & 2|4 & 2|5 & 1|5 & 2|6',
        Easing:'easeInOutQuad',
        KeyNavigation:true,
        Queued:false
    });

正文中的HTML:

<section id="ascensorFloor1" class="ascensorFloor" style="position: absolute; width: 1920px; height: 955px; left: 3840px; top: 955px;">
    <article class="container_12">
        <h1>Content for Floor 1</h1>
    </article>
</section>
<section id="ascensorFloor2" class="ascensorFloor" style="position: absolute; width: 1920px; height: 955px; left: 3840px; top: 955px;">
    <article class="container_12">
        <h1>Content for Floor 2</h1>
    </article>
</section>
<section id="ascensorFloor3" class="ascensorFloor" style="position: absolute; width: 1920px; height: 955px; left: 3840px; top: 955px;">
    <article class="container_12">
            <h1>Content for Floor 3</h1>
    </article>
</section>

我想我将能够处理CSS3代码,只需要对jQuery'Callback'函数提供一点帮助。

任何帮助都会很棒。在此先感谢:)

0 个答案:

没有答案