帮助中心

首页网页特效整站源码 PHP实例网站模版工具箱常用代码论坛游戏源码资源分享

基于swipe全屏轮播图支持手势切换效果

所属分类：网页特效-焦点图/幻灯片

浏览：1456次评论：0次更新时间：2019-09-22

牛币素材VIP可免积分下载

基于swipe全屏轮播图支持手势切换效果

素材牛VIP永久特权

查看演示立即下载收藏

基于swipe全屏轮播图支持手势切换效果

查看演示立即下载

积分说明：注册即送10牛币，每日签到可获得5牛币，成为VIP会员可永久免牛币下载！充值积分充值会员更多说明»

素材描述：基于swiper的全屏轮播图，自适应网页大小，支持移动端触屏切换。

标签：视频算命申请预测切换触屏移动端

详细介绍

swipe的一些基本参数用法

autoplay: 3000, //自动3秒切换一次，不想自动切换改为false

speed: 500, //滚动速速

slidesPerView: 3, //当前选中

prevButton: '.swiper-button-prev', // 左右切换

nextButton: '.swiper-button-next', // 左右切换

文件目录结构

css

┝ style.css

images

┝ t1.png
┝ t2.png
┝ t3.png
┝ t4.png

┝ index.html
js

┝ swiper.min.js

展开查看全部

相关素材 - 焦点图/幻灯片

基于swiper的响应式移动端tab切换效果

基于swiper的响应式移动端tab切换效果

是一款基于swiper的插件，拨动框架已写好，只需根据需要更改样式即可。

选项卡/滑动门

手机移动端实现多图片上传预览效果

手机移动端实现多图片上传预览效果

HTML+CSS+原生JS实现手机端实现多图片上传，选中图片后，可以点击放大（有一定的注释，在PC，ipad，IOS和安卓上都测试过）

移动端响应式万年历效果（带滑动效果）

移动端响应式万年历效果（带滑动效果）

基于swiper的万年历模板，使用简单，兼容移动端的响应式日历效果

时间日期,其他特效

jQuery移动端城市联动选择插件

jQuery移动端城市联动选择插件

修改jquery.area.js，添加热门城市功能

表单特效,输入/选择框/联动,移动端/响应式

jQuery移动端图片弹窗浏览效果

jQuery移动端图片弹窗浏览效果

适用移动端评论模块，支持图片放大轮播预览

图片特效,悬浮层/弹出层

leaflet多种地图图层切换效果

leaflet多种地图图层切换效果

leaflet加载谷歌地图、高德地图、arcgis等各种地图，可以进行图层任意切换效果

bootstrap制作移动端日期和时间选择插件

bootstrap制作移动端日期和时间选择插件

jquery bootstrap手机端日期时间选择，点击input调用事件弹出日期选择代码

输入/选择框/联动,时间日期

jQuery兼容手机移动端相册图片幻灯片插件PhotoSwipe v4.1.1

jQuery兼容手机移动端相册图片幻灯片插件PhotoSwipe v4.1.1

PhotoSwipe是一个专门针对移动设备的图像画廊，它的灵感来自iOS的图片浏览器和谷歌移动端图像。 PhotoSwipe提供您的访客熟悉和直观的界面，使他们能够与您的移动网站上的图像进行交互。

焦点图/幻灯片,图片特效,悬浮层/弹出层

讨论这个素材（0）回答他人问题或分享使用心得会奖励牛币

wx***52

2019年09月22日

不错

文明上网，理性发言！ 😉 阿里云幸运券，戳我领取

我的牛币余额：0

所需牛币：5 开始下载

牛币获取：签到、评论、充值 » 在线充值（10牛币=1元）

此素材VIP可免积分下载 » 查看详情