1. 基本结构:

swiper

代码

Swiper:整个滑动对象,有时特指滑块释放后仍然正向移动直到贴合边缘的过程(过渡);

河南网站建设选择亿宏世纪.5年来持续为众多企业提供河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销.

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

Container:Swiper的容器,里面包括滑动块(slides)的封套(wrapper)、分页器(pagination)、前进按钮等;

Wrapper:触控的对象,可触摸区域,移动的块的集合,过渡时会随slide切换产生位移;

Slider:切换的滑块,可以包含文字、图片、html元素或另外一个Swiper;

Pagination:分页器,指示slide的数量和当前活动的slide;

河南网站建设选择亿宏世纪.5年来持续为众多企业提供河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销.

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

active slide:活动滑块,即当前看到的(visible)slide,当可视slide不止一个时,默认最左边那个是活动滑块;

Callback:回调函数,在某些情况下触发。

2. API:

1.new Swiper(swiperContainer, parameters):用于初始化一个Swiper,返回初始化后的Swiper实例。swiperContainer : 必选,HTML元素或者string类型,Swiper容器的css选择器,例如“.swiper-container”。parameters : 可选,参见配置选项。

河南网站建设选择亿宏世纪.5年来持续为众多企业提供河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销.

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

2.Autoplay:自动切换的时间间隔(单位ms),不设定该参数slide不会自动切换。用户操作后autoplay停止,参考基本选项 autoplayDisableOnInteraction。你还可以在某个slide上设置单独的停留时间,例

3.autoplayDisableOnInteraction:用户操作swiper之后,是否禁止autoplay。默认为true:停止。如果设置为false,用户操作swiper之后自动切换不会停止,每次都会重新启动autoplay。

操作包括触碰,拖动,点击pagination等。

河南网站建设选择亿宏世纪.5年来持续为众多企业提供河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销.

河南网络推广,河南网络营销,seo公司,河南百度优化,河南网站优化,河南全网营销

4.fade:fade效果参数。可选参数:crossFade(3.03启用)。默认:false。关闭淡出。过渡时,原slide透明度为1(不淡出),过渡中的slide透明度从0->1(淡入),其他slide透明度0。可选值:true。开启淡出。过渡时,原slide透明度从1->0(淡出),过渡中的slide透明度从0->1(淡入),其他slide透明度0。

河南亿宏世纪网络科技有限公司,专注于互联网+品牌整合营销,公司拥有专业的互联网管理、运营策划、UI设计、技术开发等团队,专业从事于工业互联网的开发建设。我司拥有成熟的网络技术开发团队,针对网站开发、技术服务、网站风格定位、网站功能优化、网站推广维护等都具备很强的专业技术水平,旨在为客户提供专业的互联网应用解决方案。公司始终秉持着诚信经营、质量为先的经营理念,我们不仅提供优质的网络技术和云端供应链服务,而且还在产品的选择、应用等方面提供专业的咨询与售后服务。

微信服务号

微信服务号

服务热线

15617359779

15617359779