DEMO1: 自动翻转


var aa = new Zquickflip({
		wrapper        : 'wrapper',      //翻滚容器
		flips          : 'img',          //翻滚对象(对象标签或对象组)
		type           : 1,              //1左右2上下
		hover          : true,           //移入移出悬停效果
		tdl            : 1,              //默认显示 0代表第一个对象
		timelapse      : 1000,           //翻滚前延时
		time           : 3000            //翻滚间隔时长  
});

DEMO2: 触发翻转


var bb = new Zquickflip({
		wrapper        : 'wrapper1',    //翻滚容器
		flips          : 'img',         //翻滚对象(对象标签或对象组)
		type           : 2,             //1左右2上下
		hover          : false,         //移入移出悬停效果
		tdl            : 0              //默认显示 0代表第一个对象
});
<div style="overflow:hidden;width:140px;height:105;" id="wrapper1" onclick="bb.run()">
<INPUT type="button" value="点我或图片翻滚" onclick="bb.run()">


DEMO3: 文字翻转

DIV1
DIV4
DIV2
DIV3

var divs = [];
var div1 = document.getElementById('t1');
var div2 = document.getElementById('t2');
var div3 = document.getElementById('t3');
divs.push(div1,div2,div3);
var cc = new Zquickflip({
		wrapper        : 'wrapper2',     //翻滚容器
		flips          : divs,           //传入数组对象
		type           : 2,              //1左右2上下
		hover          : false,          //移入移出悬停效果
		tdl            : 0               //默认显示 0代表第一个对象
});
<div style="overflow:hidden;width:140px;height:105;" id="wrapper1" onclick="cc.run()">
<INPUT type="button" value="点我或图片翻滚" onclick="cc.run()">