【Javascript】TouchSlide

原创
2015/01/20 00:13
阅读数 2.1K

#TouchSlide

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

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

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

##原理

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

##使用

[html]

<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

#####转载请注明来自【西山】http://my.oschina.net/xesam/blog/369495

展开阅读全文
打赏
0
7 收藏
分享
加载中
更多评论
打赏
0 评论
7 收藏
0
分享
返回顶部
顶部