<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 轮循播放 左右滑动