jquery怎么控制轮播图翻页的时间的

html-css019

jquery怎么控制轮播图翻页的时间的,第1张

使用 setInterval 方法即可设定轮播图档时间

setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。

setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。

语法

setInterval(code,millisec)

code

要调用的函数或要执行的代码串。

millisec周期性执行或调用 code 之间的时间间隔,以毫秒计。

实例

<html>

<body>

<input type="text" id="clock" size="35" />

<script language=javascript>

var int=self.setInterval("clock()",50)

function clock()

{

var t=new Date()

document.getElementById("clock").value=t

}

</script>

</form>

<button onclick="int=window.clearInterval(int)">

Stop interval</button>

</body>

</html>

J / SLIDES商标总申请量1件

其中已成功注册0件,有1件正在申请中,无效注册0件,0件在售中。

经八戒知识产权统计,J / SLIDES还可以注册以下商标分类:

第1类(化学制剂、肥料)

第2类(颜料油漆、染料、防腐制品)

第3类(日化用品、洗护、香料)

第4类(能源、燃料、油脂)

第5类(药品、卫生用品、营养品)

第6类(金属制品、金属建材、金属材料)

第7类(机械设备、马达、传动)

第8类(手动器具(小型)、餐具、冷兵器)

第9类(科学仪器、电子产品、安防设备)

第10类(医疗器械、医疗用品、成人用品)

第11类(照明洁具、冷热设备、消毒净化)

第12类(运输工具、运载工具零部件)

第13类(军火、烟火、个人防护喷雾)

第15类(乐器、乐器辅助用品及配件)

第16类(纸品、办公用品、文具教具)

第17类(橡胶制品、绝缘隔热隔音材料)

第18类(箱包、皮革皮具、伞具)

第19类(非金属建筑材料)

第20类(家具、家具部件、软垫)

第21类(厨房器具、家用器皿、洗护用具)

第22类(绳缆、遮蓬、袋子)

第23类(纱、线、丝)

第24类(纺织品、床上用品、毛巾)

第25类(服装、鞋帽、袜子手套)

第26类(饰品、假发、纽扣拉链)

第27类(地毯、席垫、墙纸)

第28类(玩具、体育健身器材、钓具)

第29类(熟食、肉蛋奶、食用油)

第30类(面点、调味品、饮品)

第31类(生鲜、动植物、饲料种子)

第32类(啤酒、不含酒精的饮料)

第33类(酒、含酒精饮料)

第34类(烟草、烟具)

第35类(广告、商业管理、市场营销)

第36类(金融事务、不动产管理、典当担保)

第37类(建筑、室内装修、维修维护)

第38类(电信、通讯服务)

第39类(运输仓储、能源分配、旅行服务)

第40类(材料加工、印刷、污物处理)

第41类(教育培训、文体活动、娱乐服务)

第42类(研发质控、IT服务、建筑咨询)

第43类(餐饮住宿、养老托儿、动物食宿)

第44类(医疗、美容、园艺)

第45类(安保法律、婚礼家政、社会服务)

简介

slick 是一个基于 jQuery 的响应触摸式幻灯片插件,支持IE8+,Chrome, Firefox, and Safari,具有以下特点:

支持响应式

浏览器支持 CSS3 时,则使用 CSS3 过度/动画

支持移动设备滑动

支持桌面浏览器鼠标拖动

支持循环

支持左右控制

支持动态添加、删除、过滤

支持自动播放、圆点、箭头、回调等等

兼容

浏览器兼容:兼容 IE7+ 及其他主流浏览器,若要兼容 IE7,需修改 CSS(slick.css)。

jQuery兼容:兼容 1.7 及以上版本。

使用方法

1、引入文件

  <link rel="stylesheet" href="style/slick.css">

  <script src="script/jquery.min.js"></script>

  <script src="script/slick.min.js"></script>

注意:需jQuery 1.7 +

2、HTML

  <div class="slick">

      <div><a href="http://www.dowebok.com"><img src="images/1.jpg" alt=""></a></div>

      <div><a href="http://www.dowebok.com"><img src="images/2.jpg" alt=""></a></div>

      <div><a href="http://www.dowebok.com"><img src="images/4.jpg" alt=""></a></div>

      <div><a href="http://www.dowebok.com"><img src="images/3.jpg" alt=""></a></div>

  </div>

3、JavaScript

  $(function(){

      $('.slick').slick({

          dots: true

      })

  })

参数

参数类型默认值说明

accessibility布尔值true启用Tab键和箭头键导航

autoplay布尔值false自动播放

autoplaySpeed整数3000自动播放间隔

centerMode布尔值false中心模式

centerPadding字符串’50px’中心模式左右内边距

cssEase字符串‘ease’CSS3 动画

customPagingfunctionn/a自定义分页

dots布尔值false指示点

draggable布尔值true启用桌面拖动

easing字符串‘linear’animate() fallback easing

fade布尔值false淡入淡出

arrows布尔值true左右箭头

infinite布尔值true循环播放

lazyLoad字符串‘ondemand’延迟加载,可选 ondemand 和 progressive

onBeforeChange(this, index)methodnull开始切换前的回调函数

onAfterChange(this, index)methodnull切换后的回调函数

onInit(this)methodnull第一次初始化后的回调函数

onReInit(this)methodnull再次初始化后的回调函数

pauseOnHover布尔值true鼠标悬停暂停自动播放

responsiveobjectnull断点触发设置

slide字符串‘div’滑动元素查询

slidesToShow整数1幻灯片每屏显示个数

slidesToScroll整数1幻灯片每次滑动个数

speed整数300滑动时间

swipe布尔值true移动设备滑动事件

touchMove布尔值true触摸滑动

touchThreshold整数5滑动切换阈值,即滑动多少像素后切换

useCSS布尔值true使用 CSS3 过度

vertical布尔值false垂直方向

方法

方法Argument说明

slick()options : object初始化 slick

unslick() 销毁 slick

slickNext() 切换下一张

slickPrev() 切换上一张

slickPause() 暂停自动播放

slickPlay() 开始自动播放

slickGoTo()index : int切换到第 x 张

slickCurrentSlide() 返回当前幻灯片索引

slickAdd()element : html or DOM object, index: int, addBefore: boolAdd a slide. If an index is provided, will add at that index, or before if addBefore is set. If no index is provided, add to the end or to the beginning if addBefore is set. Accepts HTML String

slideRemove()index: int, removeBefore: boolRemove slide by index. If removeBefore is set true, remove slide preceding index, or the first slide if no index is specified. If removeBefore is set to false, remove the slide following index, or the last slide if no index is set.

slickFilter()filter : selector or functionFilters slides using jQuery .filter syntax

slickUnfilter() Removes applied filter

slickSetOption(option,value,refresh)option : string(option name), value : depends on option, refresh : 布尔值Sets an option live. Set refresh to true if it is an option that changes the display