【Javascript】TouchSlide

为什么80%的码农都做不了架构师？>>>

#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 slideornew TouchSlide(containerId, {'orientation': TouchSlide.VERTICAL
}) // vertical slide

效果图

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

转载于:https://my.oschina.net/xesam/blog/369495

【Javascript】TouchSlide相关推荐

【JavaScript】出现即使设置了ID也获取不到的可能原因与window.onload
有时候.在JavaScript中.即使设置了ID也有可能出现document.getElementById()获取不到的情况,然后你就開始想document是否写错之类的.事实上根本就不是你的代码的大 ...
【Javascript】深入理解this作用域问题以及new/let/var/const对this作用域的影响
理解this作用域 <javascript高级程序设计>中有说到: this对象是在运行时基于函数的执行环境绑定的:在全局函数中,this等于window,而当函数被作为某个对象调用时,t ...
【JavaScript】查漏补缺 —对象转换成字符串JSON.stringify()
[JavaScript]查漏补缺 -对象转换成字符串JSON.stringify() 将字符串转换为对象类型
【JavaScript】查漏补缺 —数组中reduce()方法
[JavaScript]查漏补缺 -数组中reduce()方法
【JavaScript】查漏补缺 —数组中filter()方法
[JavaScript]查漏补缺 -数组中filter()方法一.filter()方法该方法用于过滤数组成员,满足条件的成员组成一个新数组返回.它的参数是一个函数,所有数组成员依次执行该函数,返回 ...
Number()函数转换‘单个数值的数组‘为何是数字?【JavaScript】
Number()函数转换'单个数值的数组'为何是数字?[JavaScript] 1.Number() 熟悉Number()函数的同学可跳过项使用Number函数,可以将任意类型的值转化成数值. 原始 ...
【JavaScript】DOM 操作元素样式和元素类名
文章目录 [JavaScript]DOM 操作元素样式和元素类名一. 操作元素样式 (1)操作行内元素 1. 获取元素的样式 2. 设置元素的样式 (2) 操作非行内元素和行内元素 1. 获取元素的 ...
【JavaScript】时间与时间戳相互转换
[JavaScript]时间与时间戳相互转换文章目录 [JavaScript]时间与时间戳相互转换 1.时间戳 2.时间戳转换为时间 3.时间转换为时间戳 4.时间yyyy-MM-dd HH:mm: ...
【JavaScript】鼠标、键盘的基础事件
鼠标键盘的基础事件: 鼠标事件事件类型点击左键 click 鼠标经过 mouseover 鼠标离开 mouseout 获得鼠标焦点 focus 失去鼠标焦点 blur 鼠标移动 mousemove ...

【Javascript】TouchSlide

【Javascript】TouchSlide相关推荐

最新文章

热门文章