大话主席jquery.SuperSlide电脑端支持拖拽移动端支持滑动

使用时,修改slider=$(’.ban’);改成你的class或id值,ismousedown = true要是不想使用的到时候,直接改成false就禁用了

电脑端拖拽代码

if(ismousedown = true){
let _start=0,_end=0,slider=$('.ban');
slider.on('mousedown',function(e){if(e.button==0){_start=e.clientX-slider.offset().left;}});
slider.on('mouseup',function(e){if(e.button==0){_end=e.clientX-slider.offset().left;}
if((_start-_end)<-50){slider.find('.prev').click();_end=0;
}else if((_start-_end)>50){slider.find('.next').click();_end=0;}
return false;
});
}

使用时,修改slider=$(’.ban’);改成你的class或id值,istargettouches = true是不想使用的到时候,直接改成false就禁用了

移动端滑动代码

if(istargettouches = true){
let _start=0,_end=0,slider=$('.ban');
slider.on('touchstart',function(e){_start=e.originalEvent.targetTouches[0].pageX;});
slider.on('touchmove',function(e){_end=e.originalEvent.targetTouches[0].pageX;});
slider.on('touchend touchcancel',function(e){
if((_start-_end)<-50){slider.find('.prev').click();_end=0;
}else if((_start-_end)>50){slider.find('.next').click();_end=0;}
});
}
 

完整版

<script type="text/javascript">
jQuery(".ban").slide({
     titCell:".hd ul",autoPage:true,mainCell:".bd ul",effect:"leftLoop",vis:"auto",autoPlay: