当前位置：首页 > 下载站 > js特效 > CSS3特效 > swiper-js手机触屏滑动全屏幻灯片左右切换代码

swiper-js手机触屏滑动全屏幻灯片左右切换代码

分类: js特效 / CSS3特效	发布时间: 2018-05-08	访问量: 2094
下载量: 48

点击下载预览效果

更多>

最新下载

基于ThreeJs的3D图片相册插件

基于ThreeJs的3D图片相册插件，支持鼠标滚轮控制图片切换，仅兼容支持3D功能的浏览器，可以调整相册视角，支持循环轮播。

0 2026-01-28

JS登录和注册表单动画切换特效

JS登录和注册表单动画切换特效是一款黑色简洁的登录和注册表单滑动切换布局特效。

0 2026-01-28

jquery鼠标经过图片抖动

jquery鼠标经过图片抖动是一款当鼠标进过图片时，图片自动抖动哦，效果很酷，适合相册或图片列表的网站。

0 2026-01-28

使用vue制作简单的文本框输入关键词创建或删除计划事项记事本功能效果。可用于生活记事本备忘录特效。使用方法：参数介绍：新增（1、生成列表结构 v-for 和数组 2、获取用户输入 v-model 3、回车，新增数据 v-on .enter）--删除（数据改变和数据绑定的元素是同步变化的；时间的自定义参数；splice方法的应用）---计数（统计信息个数length）--清除(点击清除所有信息 v-

0 2026-01-28

jquery多张叠加图片上下切换代码

jquery多张叠加图片上下切换代码，点击上一张或者下一张按钮可以切换显示叠在一起的图片。

0 2026-01-28

支持弹出图片文字和表单模态框代码

支持弹出图片文字和表单模态框代码是一款点击按钮触发弹出窗口,支持图片幻灯片展示,文字内容窗口,弹出登录表单等模态窗口弹出层插件。

0 2026-01-28

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

16286 2025-08-28
CSS3 教程

1546941 2025-08-27
Rust 教程

23415 2025-08-27
Vue 教程

25857 2025-08-22
PostgreSQL 教程

22353 2025-08-21
Git 教程

9312 2025-08-21

swiper-js手机触屏滑动全屏幻灯片左右切换代码

代码片段：

function galleryTopHeight(){

//处理图片比例
var wh = $(window).height();
var headernav_height = $(".headernav").height()
var footernav_height = $(".footernav").height()
var galleryThumbs_height = $(".gallery-thumbs").height()
var galleryTop_height = wh - galleryThumbs_height - headernav_height - footernav_height - 22
$(".gallery-top").css("height",galleryTop_height)
//缩略图
var galleryThumbs_width = $(window).width() - 60
$(".gallery-thumbs-box .swiper-container").css("width",galleryThumbs_width)
//大图
var galleryTop_width = $(window).width() - 80
$(".gallery-top-box .swiper-container").css("width",galleryTop_width)
}