Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效

2020-05-24 21:21:20易采站长站整理

        slide.addEventListener(‘touchstart’, function(evt) {
               evt.preventDefault();      
               if(evt.changedTouches.length == 0)  return;
               touchInfo.startX = evt.changedTouches[0].pageX;
        }, false);
        slide.addEventListener(‘touchend’, function(evt) {
               evt.preventDefault();
               if(evt.changedTouches.length == 0) return;
               touchInfo.endX = evt.changedTouches[0].pageX;
               var offset = touchInfo.endX – touchInfo.startX;
               if(offset < 0) {
                    run(++config.index, !1)
               } else if(offset > 0) {
                   run(–config.index, !0)
               }else{
                    if(evt.target.parentNode.parentNode.className == ‘cur’){
                        window.open(evt.target.parentNode.getAttribute(‘href’), ‘_blank’);
                    }else{
                        return;
                    }
               }
        },false);
        btnL.addEventListener(‘touchend’, function() {run(++config.index, !1)}, false)
        btnR.addEventListener(‘touchend’, function() {run(–config.index, !0)}, false)