素材牛VIP会员

触屏响应式图片左右滚动代码

 所属分类:网页特效-焦点图/幻灯片,图片特效,触屏/拖拽/下拉

 浏览:3320次  评论:1次  更新时间:2017-07-24
牛币素材VIP可免积分下载
触屏响应式图片左右滚动代码
积分说明:注册即送10牛币,每日签到可获得5牛币,成为VIP会员可永久免牛币下载!   充值积分   充值会员   更多说明»
素材描述:触屏响应式图片左右滚动代码基于owl.carousel.js和jquery-1.9.1.min.js实现,自适应屏幕大小,响应式设计,完美兼容PC端和手机移动设备,支持触屏滑动效果,支持点击按钮切换,有“上一张、下一张”按钮链接,可设置一屏显示的图片个数,兼容各大主流浏览器!

详细介绍

使用方法:

引入CSS样式文件

<link href="css/owl.carousel.css" rel="stylesheet">
<link href="css/owl.theme.css" rel="stylesheet">

引入jQuery库文件、相关JS文件

<script src="js/jquery-1.9.1.min.js"></script> 
<script src="js/owl.carousel.js"></script> 

初始化、参数配置

$(document).ready(function() {
      $("#owl-demo").owlCarousel({
        items : 4,
        lazyLoad : true,
        navigation : true
      });
    });

相关素材 - 焦点图/幻灯片,图片特效,触屏/拖拽/下拉

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

竹***语  
2019年06月13日

满足了我目前拖拽的需求

回复
 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0
所需牛币:1 开始下载

牛币获取:签到、评论、充值    » 在线充值(10牛币=1元)