js代码_js特效免费下载_JS特效代码网   网页特效   鼠标特效   js图片相册   js特效代码大全
当前位置:首页 > 网页特效 > JS广告代码 > JS幻灯片

js实现手机移动端无缝滚动焦点图特效代码

发布时间:2017-02-20 13:13:02    您是第0位浏览者

本js特效代码兼容:ie6 、ie7 、ie8 、ie9 、ie10 、ie11 、chrome 、firefox 、opera 、safari 、 等浏览器

js实现手机移动端无缝滚动焦点图特效代码

js实现手机移动端无缝滚动焦点图特效代码

$('#slider').slider({loop:true});

参数说明:

container  {selector|zepto}: (可选)放置的父容器

content  {Array}: (必选)内容,格式为:\[ {href:'图片跳转URL', pic:'图片路径', title:'图片下方文字'}, {...}\]

viewNum  {Number}: (可选, 默认:1) 可以同时看到几张图片

imgInit  {Number}: (可选, 默认:2)初始加载几张图片

itemRender  {Function}: (可选)render模式时,使用的自定义内容构造函数,接受一个从0开始的index参数,返回空值时构造结束

imgZoom  {Boolean}: (可选, 默认:false)是否缩放图片,设为true时可以将超出边界的图片等比缩放

loop  {Boolean}: (可选, 默认:false)设为true时,播放到最后一张时继续正向播放第一张(无缝滑动),设为false则反向播放倒数第2张

stopPropagation  {Boolean}: (可选, 默认:false)是否在横向滑动的时候阻止冒泡(慎用,会导致上层元素接受不到touchMove事件)

springBackDis  {Number}: (可选, 默认:15)滑动能够回弹的最大距离

autoPlay  {Boolean}: ((可选, 默认:true)是否自动播放

autoPlayTime  {Number}: (可选, 默认:4000ms)自动播放的间隔

animationTime  {Number}: (可选, 默认:400ms)滑动动画时间

showArr  {Boolean}: (可选, 默认:true)是否展示上一个下一个箭头

showDot  {Boolean}: (可选, 默认:true)是否展示页码

slide  {Function}: (可选)开始切换页面时执行的函数,第1个参数为Event对象,第2个参数为滑动后的page页码

slideend  {Function}: (可选)页面切换完成(滑动完成)时执行的函数,第1个参数为Event对象,第2个参数为滑动后的page页码



焦点图 幻灯片

仿车轮网带左右滚动JS焦点图轮播特效代码

一款jQuery跨平台并且带触摸移动端焦点图特效

jQuery四屏焦点图网站特效代码

仿OPPO官方商城jquery焦点图特效

jquery仿淘宝新版首页焦点图特效

jQuery仿迅雷动漫左右滚动焦点图特效

jquery实现全屏图片左右滚动预览焦点图特效

jQuery仿新浪大片首页焦点图滚动特效

jquery左右切换,带文字说明的焦点图特效

jquery仿京东商城首页焦点图

jquery竖向tab切换焦点图特效

JS仿腾讯娱乐图片频道满屏左右切换焦点图特效

jQuery实现可自动播放焦点图特效

js仿腾讯视频网站焦点图特效

jQuery仿2012QQ商城焦点图特效

jQuery仿百度统计可自动播放焦点图特效

jquery quake Slider一款集成多种超炫切换效果的焦点图特效

jquery仿2014南宁45届世锦赛首页焦点图特效

jquery纯色调支持缩略图和描述的焦点图特效

jQuery带缩略图焦点图插件