<script src="/js/hammer.min.js"></script>
<script src="/js/jquery/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
window.onload = function () {
//自动轮循播放
flag = 0;
obj1 = document.getElementById("slider");
img=obj1.getElementsByTagName('img');
time = setInterval("turn();", 5000);
//监听滑动事件
var hammertime = new Hammer(document.getElementById("slider"));
hammertime.on("swipeleft", function (ev) {
clearInterval(time);
turn(flag);
time = setInterval("turn("+flag==0?0:1+");", 6000);
});
hammertime.on("swiperight", function (ev) {
clearInterval(time);
turn(flag);
time = setInterval("turn("+flag==0?0:1+");", 6000);
});
obj1.onmouseover = function () {
clearInterval(time);
}
obj1.onmouseout = function () {
time = setInterval("turn();", 5000);
}
};
function turn(value) {
flag++;
if(flag==2){
flag = 0;
}
img[0].style.display=flag==0?"block":"none";
img[1].style.display=flag==0?"none":"block";
}
</script>
更多推荐
hammer 轮循播放 左右滑动
发布评论