欢迎来到豆沙资源网,请记住本站地址:www.xsdy168.com 以备不时之需

jquery.hiSlider.js支持手机端的响应式焦点图插件

搜点资源网 2020-3-26 综合资源 0

jquery.hiSlider.js支持手机端的响应式焦点图插件

这是一款基于jquery.hiSlider.js实现的支持手机移动端的响应式jQuery焦点图插件,本自适应jQuery焦点图特效支持flexible布局,支持移动触摸事件等。

445685458asdahh4.jpg


代码如下:

//js代码

<script src="js/jquery.1.9.1.js"></script>
<script src="js/jquery.hiSlider.min.js"></script>
<script>
	$('.hiSlider1').hiSlider();
	$('.hiSlider2').hiSlider({
		isFlexible: true,
		mode: 'fade',
		isSupportTouch: false,
		isShowTitle: false,
		isShowPage: false,
		titleAttr: function(curIdx){
			return $('img', this).attr('alt');
		}
	});
	$('.hiSlider3').hiSlider({
		isFlexible: true,
		isSupportTouch: true,
		titleAttr: function(curIdx){
			return $('img', this).attr('alt');
		}
	});
	$('.hiSlider4').hiSlider({
		startSlide: 2,
		direction: 'top'
	});
</script>


下载地址| 来源:百度网盘

本文标签: 网页代码
  特别声明:文章多为网络转载,资源使用一般不提供帮助,特殊原创资源除外,如有侵权,不实,不妥请联系删除!

上一篇:带进度条的JS网站自动跳转代码
下一篇:QQ技术导航网挺火的网站左下角QQ企鹅弹出代码分享

发表留言:

同类推荐

  • 一组非常简约好看的CSS3汉堡包菜单图标按钮变形动画特效,汉堡包菜单图标在手机端APP或响应式设计上比较常见,一般用来展开和关闭网站导航菜单......