添加到百度首页
添加收藏 RSS 网站地图 旧版网站
  • 全部
  • 网页特效
  • 建站教程
  • 设计分享
当前位置:首页 > 网页特效 > 焦点图 >

swiper.js制作移动端响应式幻灯片特效

时间:2016-06-19      来源:互联网     
特效说明:
一款swiper.js制作移动端响应式幻灯片特效下载,自适应图片宽、高比例缩放,自适应浏览器宽度,支持手指左右滑屏切换图片幻灯特效代码。请用支持HTML5+CSS3主流浏览器预览效果。(兼容测试:IE10、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/style.css">

2、调用JS插件代码:
<script src="js/jquery.js"></script>
<script src="js/swiper.min.js"></script>

3、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
相关特效
  • jQuery带左侧缩略图响应式图文相册

    jQuery带左侧缩略图响应式图文相册

    一款jQuery带左侧缩略图响应式图文相册源码下载,该图文相册特效是一款基于jQuery以及jssor.slider.js插件编写的PC+手机响应式图片轮播图片特效。……
    2018-04-04
  • 响应式拖拽滑动带缩略图相册特效

    响应式拖拽滑动带缩略图相册特效

    一款响应式拖拽滑动带缩略图相册特效JS代码下载,这是一款基于jssor.slider.js的炫酷jquery焦点图相册特效。底部带有缩略图,点击左右按钮或者滑动切换上一张下一张图片特效。……
    2018-04-04
  • HTML5+CSS3响应式酷炫图片封面动画展示特效

    HTML5+CSS3响应式酷炫图片封面动画展示特效

    一款HTML5+CSS3酷炫图片封面动画展示特效下载,该特效基于HTML5+CSS3实现,根据不同的样式显示动画效果。适用于响应式网站制作。……
    2016-12-01
  • jQuery手指滑动刻度尺选择值特效

    jQuery手指滑动刻度尺选择值特效

    一款jQuery手指滑动刻度尺选择值特效免费下载,该特效适用于微信网站、手机站等移动端触屏设备使用,可以用手指左右滑动选择刻度值。……
    2016-12-01
  • jQuery响应式层叠动画切换内容网页特效

    jQuery响应式层叠动画切换内容网页特效

    一款jQuery响应式层叠动画切换内容网页特效免费下载,该特效基于jquery.transit.js实现,支持PC、PAD、Phone设备浏览,兼容CSS3动画切换效果。……
    2016-11-14
  • jQuery响应式网格列表变化左右滑动焦点图特效

    jQuery响应式网格列表变化左右滑动焦点图特效

    一款jQuery响应式网格列表变化左右滑动焦点图特效下载,该特效基于Bootstrap框架制作,是一款可以将指定的网格内容扩展为旋转木马效果,通过左右按钮切换播放。……
    2016-08-16
  • SVG酷炫响应式图片翻页切换特效

    SVG酷炫响应式图片翻页切换特效

    一款酷炫响应式图片翻页切换特效源码下载、该特效基于HTML5+SVG制作,兼容PC端、Pad端、移动端图文相册展示。……
    2016-08-16
  • HTML5响应式全屏宽度幻灯片特效

    HTML5响应式全屏宽度幻灯片特效

    一款HTML5响应式全屏宽度幻灯片特效免费下载,该HTML5图片特效是一款可以根据屏幕的大小自动调整幻灯片的宽度,幻灯片宽度始终占据整个屏幕的宽度。……
    2016-06-28
  • HTML5移动端裁剪图片上传头像代码

    HTML5移动端裁剪图片上传头像代码

    一款HTML5移动端裁剪图片上传头像代码插件下载,该HTML5特效是一款基于jQuery+HTML5实现的图片上传裁剪生成头像特效代码。……
    2016-06-28
  • HTML5实现ppt全屏幻灯片演示网页模版

    HTML5实现ppt全屏幻灯片演示网页模版

    HTML5实现ppt全屏幻灯片演示网页模版下载,该HTML5网页模版是一款基于html5实现的网页旋转、移动切换PPT展示效果。……
    2016-06-28


最新更新特效

设计分享

web前端视频教程