Javascript TouchSlide

2015-01-20

一个简单的手机网页滑屏效果库

进行适当的CSS设置之后可以实现常见的全屏滑动

github地址:TouchSlide git.oschina.net地址:TouchSlide

原理

检测上滑或者左右滑动事件,然后使用CSS3动画进行页面转换。

使用


    <div class="demo horizontal">
            <ul>
                <li>1</li>
                <li>2</li>
                <li>3</li>
                <li>4</li>
            </ul>
        </div>

    [script]

    new TouchSlide(containerId or ) //default horizontal slide

    or

    new TouchSlide(containerId, {
        'orientation': TouchSlide.VERTICAL
    }) // vertical slide

效果图

vertical


horizontal

如有问题,请咨询QQ群 723245925


文档信息 by XiaoPingYuan

版权声明:自由转载-非商用-非衍生-保持署名。发表日期:2015-01-20 by XiaoPingYuan(https://xesam.github.io/)