This is a title

This is a sub title

This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph

This is a title

This is a sub title

This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph

This is a title

This is a sub title

This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph

This is a title

This is a sub title

This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph

This is a title

This is a sub title

This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph

This is a title

This is a sub title

This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph This is a sub paragraph

<script>
$('#pbSlider0').pbTouchSlider({
slider_Wrap: '#pbSliderWrap0',
slider_Threshold: 10,
slider_Speed:600,
slider_Ease:'ease-out',
slider_Drag : true,
slider_Arrows: {
enabled : true
},
slider_Dots: {
class :'.o-slider-pagination',
enabled : true
},
slider_Breakpoints: {
  default: {
	  height: 500
  },
  tablet: {
	  height: 350,
	  media: 1024
  },
  smartphone: {
	  height: 250,
	  media: 768
  }
}
});
</script>

Touch slider jquery Plugin

<script>
$('#pbSlider').pbTouchSlider({
slider_Wrap: '#pbSliderWrap',
slider_Threshold: 50,
slider_Speed:400,
slider_Ease:'linear',
slider_Drag : false,
slider_Arrows: {
  enabled : false
},
slider_Breakpoints: {
	default: {
		height: 300
	},
	tablet: {
		height: 250,
		media: 1024
	},
	smartphone: {
		height: 200,
		media: 768
	}
}
});
</script>

This is a title

This is a sub title

This is a title

This is a sub title

This is a title

This is a sub title

This is a title

This is a sub title

This is a title

This is a sub title

This is a title

This is a sub title

<script>
$('#pbSlider2').pbTouchSlider({
slider_Wrap: '#pbSliderWrap2',
slider_Threshold: 25,
slider_Speed:1000 ,
slider_Ease:'cubic-bezier(.16,.92,0,.8)',
slider_Dots: {
  class:'.slider-pagination',
  enabled : false
},
slider_Breakpoints: {
	default: {
		height: 300
	},
	tablet: {
		height: 250,
		media: 1024
	},
	smartphone: {
		height: 200,
		media: 768
	}
}
});
</script>

This is a title

This is a sub title

This is a title

This is a sub title

This is a title

This is a sub title

This is a title

This is a sub title

This is a title

This is a sub title

This is a title

This is a sub title

<script>
$('#pbSlider3').pbTouchSlider({
slider_Wrap: '#pbSliderWrap3',
slider_Threshold: 50 ,
slider_Speed:400 ,
slider_Ease:'linear',
slider_Breakpoints: {
	default: {
		height: 400
	},
	tablet: {
		height: 300,
		media: 1024
	},
	smartphone: {
		height: 200,
		media: 768
	}
}
});
</script>

来源:门卓网

转载请注明出处,此代码仅供学习交流,请勿用于商业用途。