移动WEB特效开发

一、触摸事件：
1.touchstart：手指刚接触屏幕时触发。
2.touchmove:手指在屏幕上移动时触发。
3.touchend:手指移开屏幕时触发。
eg: var span = document.getElementsByTagName(“span”)[0];
var div = document.getElementsByTagName(“div”)[0];
//手指刚放上去执行的事件
span.addEventListener(‘touchstart’,function(){
div.style.display=“block”;
},false);

		//手指移开的事件
		span.addEventListener('touchend',function(){
			div.style.display="";
		},false);

二、addEventListener：
1.是一个侦听事件并处理事件的函数
2.有三个参数，第一个是事件类型，第二个是执行的函数，第三个是事件捕获（true和false）
三、Zepto框架：
1.Zepto是一个轻量级的针对现代高级浏览器的JavaScript库
2.Zepto.js是专门为现代智能手机浏览器推出的Javascript框架
3.设计目的是提供jQuery类似的API
4.触摸屏的事件
四、引入zepto的环境：

五、zepto和jQuery的区别：
1.zepto不支持IE浏览器
2.添加ID的时候，jQuery不会生效，而zepto会生效。
3.使用jQuery执行load事件的处理函数不会执行,而zepto的会执行。
4.事件委托区别
5.zepto会返回包含盒子的边距以及边框的宽度，而jquery只返回盒子的宽度。
6.offset的区别，zepto的值有left,top,width,heigth,jQuery的值有width和height。
7.zepto的each方法只能遍历数组，不能遍历json。
六、zepto和jQuery相同的方法或属性：
1.$():语法，zepto(function($){
代码
})
2.创建元素以及属性：
eg: var $li = $(“