Demo
<! DOCTYPE html> JS:
$.fn.pageslider = function () {var _this = This;var _len = _this.length;var currentindex = 0;_this.each (function (Idx,ele) {V Ar zIndex = (_len-idx) * 10;$ (ele). css ({width: "100%", Height: "100%", Position: "Absolute", Zindex:zindex, "Transition-du Ration ":" 700ms ","-webkit-transition-duration ":" 700ms ","-webkit-animation-timing-function ":" Ease-in-out "}); _this.on ("Swipeup", function () {//nextif (Currentindex < _len-1) {_this.eq (currentindex). css ({"-webkit-transform") : "Translatey ( -100%)", "Transform": "Translatey ( -100%)"}), _this.eq (Currentindex). Trigger ("Leave"); _this.eq ( currentindex+1). css ({"-webkit-transform": "Translatey (0)", "Transform": "Translatey (0)"}), _this.eq (currentindex+1 ). Trigger ("enter"); Currentindex + +;}}); _this.on ("Swipedown", function () {//previf (Currentindex > 0) {_this.eq (currentIndex-1). css ({"-webkit-transform": "Translatey (0)", "Transform": "Translatey (0)"}), _this.eq (currentIndex-1). Trigger ("enter"); _this.eq (Currentindex) . Trigger ("Leave"); currentindex--;}});
Zepto Mobile phone touch screen flip screen