jQuery响应式全屏切换页面插件Ascensor.js

查看演示立即下载

插件描述：Ascensor.js响应式全屏切换页面插件网页特效，可点击上一页、下一页按钮整屏切换页面，也可点击导航索引按钮全屏切换页面。

使用方法

需引入文件

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo.js" type="text/javascript"></script> 
<script src="js/jquery.ascensor.js" type="text/javascript"></script>
<script src="js/myscript.js" type="text/javascript"></script>

html内容

<div id="house">
    <div>
        <!-- Etage1-->
        <div id="ContentName">
        </div>
        <!-- Content of the floor 1-->
    </div>
    <div>
        <!-- Etage2-->
        <div id="ContentName">
        </div>
        <!-- Content of the floor 2-->
    </div>
    <div>
        <!-- Etage3-->
        <div id="ContentName">
        </div>
        <!-- Content of the floor 3-->
    </div>
    <div>
        <!-- Etage4-->
        <div id="ContentName">
        </div>
        <!-- Content of the floor 4-->
    </div>
    <div>
        <!-- Etage5-->
        <div id="ContentName">
        </div>
        <!-- Content of the floor 5-->
    </div>
</div>

调用方式

$('#house').ascensor();
$('#house').ascensor({
    AscensorName: 'house',
    //you can choose the name that will define id and class (default:'maison')
    WindowsFocus: true,
    //if you start on the first content(default:true)
    WindowsOn: '0',
    //if you can to start to the 0,1,2,3 etc.. content
    Direction: 'y',
    //What will be the direction of the ascensor
    NavigationDirection: 'xy',
    //what will be his navigation direction(par défaut:'xy')
});

特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com

上一个特效： js弹出层插件action-sheet
下一个特效：基于swiper作的移动端tab拨动效果