jQuery slick

jQuery幻灯片插件
授权协议 GPL
开发语言 JavaScript HTML/CSS
所属分类 jQuery 插件、 jQuery图片展示/幻灯插件
软件类型 开源软件
地区 不详
投 递 者 夏侯臻
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

slick 是一个基于 jQuery 的幻灯片插件,具有以下特点:

  • 支持响应式

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

  • 支持移动设备滑动

  • 支持桌面浏览器鼠标拖动

  • 支持循环

  • 支持左右控制

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

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

查看演示


  •   最近第一次接触到jquery的slick插件,由于是修改别人的代码,所以不得不查了一下插件的文档。发现网络上大多数都是官网文档,所以打算自己写一个demo对一些没搞明白的属性做一个说明和记录。这里只用到了一些常用属性,博主觉得基本够用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> </head>

  •    $('#tabLeader tr').slice(2).remove();//删除第二行下面所有的,从第三行开始    $('#tabLeader tr').slice(2,5).remove();//删除从第三行开始到第五行包括第五行

  • 由于项目原因今天用到了splice方法,被深深地坑了一把,特此写出来,我有一个Json数组,每个都有Type值,但是不同,我想删除指定的Type值,但是随着循环的进行发现永远不可能执行到最后,查了下百度发现有趣的问题如下: splice 是直接操作并修改数组的,所以当找到数字3时在循环中的 i 下标是2,而当删除数字3后,数组下标 i 位置中保存的数字变为了数字4,然后到了下一个循环 i 下标为3

  • $( "#members li a" ).on( "click", function( e ) {} ); $( "#members li a" ).bind( "click", function( e ) {} ); // Live $( document ).on( "click", "#members li a", function( e ) {} ); $( "#members l

  • -、slice(start[,end])   这个方法是用来选取一个匹配的子集   start是指开始选取子集的位置,第一个元素是0,即下标。如果是负数,则可以从集合尾部开始选起,但是如果是负数的话,不能有end   end是指结束选取自己的位置,如果不指定就是本身的结尾。 二、当在slice的后面添加html()的时候,用起来可以相当是复制,如果没有的话,相当是剪切(暂时是这样) <ul>

  • slick 是一个基于 jQuery 的幻灯片插件,具有以下特点: 支持响应式 浏览器支持 CSS3 时,则使用 CSS3 过度/动画 支持移动设备滑动 支持桌面浏览器鼠标拖动 支持循环 支持左右控制 支持动态添加、删除、过滤 支持自动播放、圆点、箭头、回调等等 浏览器兼容:兼容 IE7+ 及其他主流浏览器,若要兼容 IE7,需修改 CSS(slick.css)。 jQuery兼容:兼容 1.7

  • jQuery slideToggle() 方法可以在 slideDown() 与 slideUp() 方法之间进行切换。 如果元素向下滑动,则 slideToggle() 可向上滑动它们。 如果元素向上滑动,则 slideToggle() 可向下滑动它们。 $(selector).slideToggle(speed,callback); 可选的 speed 参数规定效果的时长。它可以取以下值:"s

  • //splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。 // 原来的数组 var array = ["one", "two", "four"]; // splice(position, numberOfItemsToRemove, item) // 拼接函数(索引位置, 要删除元素的数量, 元素) array.splice(2, 0, "three"); // 如果第二个参

 相关资料
  • 使用幻灯片组件,你需要在 sm.js 和 sm.css 之后额外引入如下两个文件: <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css"> <script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-exte

  • Progress,进度条,用于上传、下载等耗时并且需要显示进度的场景,用户可以随时中断该操作。在mpvue框架中实现这个功能是基于小程序的原生progress 组件,这里主要说一下它percent属性: percent 类型:Float 默认值:无 可选值:0-100 说明:百分比0~100 要实现上传或者下载过程中显示进度的效果,就需要实时修改 percent属性的值,下面示例代码是每隔 20m

  • 幻灯片秀 自动依顺序显示每张图像。 播放幻灯片秀 同时播放音乐与幻灯片秀 使用操作接口 利用PSP™主机的按钮或线控装置进行操作

  • 我想拿一张PowerPoint幻灯片(“源”),并将其插入到另一张已经包含一些内容的PowerPoint幻灯片(“目标”)中,位于源PowerPoint幻灯片中的特定位置。 我已经尝试了几种方法来研究这样做的代码,但是我不断得到将幻灯片合并到PowerPoint演示文稿中的结果,这不是我想要的。我想拿一张现有的幻灯片并将其插入到另一张幻灯片中,就像在现有幻灯片中插入图片一样。 我有另一位同事编写的

  • 幻灯片相关的标签有两个,slides和 noslides slides标签 这个标签其实就一个循环标签,只是会把你指定的幻灯片数据获取出来 | 标签名 | 作用 | 包含属性 | | --- | --- | --- | | slides | 生成幻灯片 |id,item | 标签属性: | 标签属性名 | 含义 | | --- | --- | | id |后台幻灯片 id,必须 | | item

  • 在后台扩展工具》幻灯片分类 添加分类标识为"portal_index"的分类,然后在此分类添加幻灯片; cat_name:幻灯片类型名称 cat_idname:幻灯片标示 slide_name:幻灯片名称 slide_pic:幻灯片图片地址 slide_url:幻灯片URL slide_des:幻灯片描述 slide_content:幻灯片内容 <php> $home_slides=sp_get

  • sp_getslide($slide,$limit=5,$order = "listorder ASC") 功能: 根据幻灯片标识获取所有幻灯片 参数: $slide:幻灯片标识,后台可以设置 $limit:最多显示几张幻灯片 $order:按什么字段(slide表的字段)排序 返回 数组,符合条件的幻灯片列表 示例: $slides=sp_getslide('top_slide');

  • 幻灯片相关的标签有两个,slides和 noslides slides标签 这个标签其实就一个循环标签,只是会把你指定的幻灯片数据获取出来 | 标签名 | 作用 | 包含属性 | | --- | --- | --- | | slides | 生成幻灯片 |id,item | 标签属性: | 标签属性名 | 含义 | | --- | --- | | id |后台幻灯片 id,必须 | | item