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