使用姿勢(shì)

在設(shè)計(jì)全屏滾動(dòng)插件的時(shí)候，希望開(kāi)發(fā)者幾乎：

  • 不用寫(xiě)任何腳本快速生成精致H5

  • 支持PC滾輪和移動(dòng)觸摸

  • 酷炫的轉(zhuǎn)場(chǎng)動(dòng)效

  • 靈活的時(shí)間軸管理

  • 一切皆可配置

但是不寫(xiě)腳本肯定沒(méi)有靈活性咯？！不是的。這里不僅僅可以通過(guò)在HTML配置一些參數(shù)，還可通過(guò)插件的回調(diào)函數(shù)進(jìn)行一些邏輯注入。就拿上面大家掃碼看到的例子的部分HTML來(lái)分析下AlloyTouch.FullPage的使用姿勢(shì)：

 <div id="fullpage">
        <div>
            <div>
                <div class="animated" data-show="bounceInLeft" data-hide="bounceOutLeft">AlloyTouch Introduction</div>                <div class="animated" data-delay="500" data-show="bounceInUp" data-hide="zoomOut"><img src="asset/alloytouch.png"></div>
                <div class="animated" data-delay="1200" data-show="bounceIn" data-hide="bounceOut">By AlloyTeam</div>            </div>