最新公告
  • 欢迎您光临WE7资源网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • jQuery响应式手机端触屏滑动图片轮播插件

    1589096817-f9faa6a67d8efdd.jpg插图

    jQuery响应式手机端触屏滑动图片轮播插件,含多种图片滑动切换效果可选,兼容PC端与手机端。

    js代码

    	<script src="https://img.x22t.com/file/2020/04/25/3664a656eadb9442c7c17528aaeeb98c7066.js" type="text/javascript"></script>
    	<script src="https://img.x22t.com/file/2020/04/25/46e331df84ba2ffa6ded1a5d62f943015337.js"></script>
    	<script src="https://img.x22t.com/file/2020/04/25/85e6e85e6cbbf4a486e68c147b89cc6b7927.js"></script>
    	<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
    		    }
    		}
    		});
    		$("#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
    		    }
    		}
    		});
    		$("#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
    		    }
    		}
    		});
    		$("#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>
    

    猜你在找

    1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
    2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
    3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
    4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
    5. 如有链接无法下载、失效或广告,请联系管理员处理!
    6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!

    WE7资源网 » jQuery响应式手机端触屏滑动图片轮播插件
    • 2017-12-24Hi,初次和大家见面了,请多关照!

    发表评论

    • 270会员总数(位)
    • 66774资源总数(个)
    • 5本周发布(个)
    • 0 今日发布(个)
    • 438稳定运行(天)

    提供最优质的资源集合

    立即查看 了解详情
    升级SVIP尊享更多特权立即升级