博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
8种效果实例-jQuery anoSlide 焦点图轮播
阅读量:4359 次
发布时间:2019-06-07

本文共 1072 字,大约阅读时间需要 3 分钟。

anoslide是一款可调节效果至任意宽度大小,支持图文混合内容显示的图片轮播插件。

在线实例

使用方法

     
     
             
  •          
  •          ......     
     
 $(function() {     $('.carousel ul').anoSlide( {     items: 1, speed: 500, prev: 'a.prev', next: 'a.next'      }); });

  

参数详解

参数 描述 默认值
items 幻灯片每页可见个数 5
speed 幻灯片切换速度,以毫秒为单位 1000
auto 自动播放,值为一个整数,表示多久自动切换一次,单位为毫秒,0 表示不自动播放 0
autoStop 鼠标悬停停止自动播放 true
next 为“下一个”绑定一个选择器
prev 为“上一个”绑定一个选择器
responsiveAt 强制显示1个幻灯片,适用于较小的视口,如移动设备 480
delay 动画延迟,0 表示不延迟 0
lazy 图片延迟加载 false
onConstruct 初始化后的回调函数,可传递参数: instance – Instance of anoSlide
onStart 切换之前的回调函数,可传递参数: ui.instance – Instance of anoSlideui.index – Number of current slideui.slide – Current slideui.slide.element – Current slide element
onEnd 切换之后的回调函数,可传递参数: ui.instance – Instance of anoSlide ui.index – Number of current slideui.slide – Current slideui.slide.element – Current slide element

 

转载于:https://www.cnblogs.com/niuboren/p/5841032.html

你可能感兴趣的文章
day07补充-数据类型总结及拷贝
查看>>
语言、数据和运算符
查看>>
正则表达式30分钟入门教程
查看>>
sqlserver try catch·
查看>>
怎么在三维世界里叙述五维故事
查看>>
css技巧
查看>>
代码优化(一)
查看>>
为什么JSP会比Beetl慢
查看>>
移动端rem的用法
查看>>
php-laravel中间件使用
查看>>
myslq 表与表之前的数据转移
查看>>
python学习日志
查看>>
微信自媒体账号涉违规大规模被封
查看>>
35.数组中的逆序对
查看>>
HDU 1811 Rank of Tetris
查看>>
绑定 前台
查看>>
由当前日期计算相应的周一和周日
查看>>
Silverlight Excel Release process
查看>>
Python(xlrd、xlwt模块)操作Excel实例(一)
查看>>
ZOJ Monthly, November 2012 - G - Gao The Sequence
查看>>