Unslider.js

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

Unslider是一款jQuery 轮播图插件,仅有3KB大小。

Unslider已经在所有最新的浏览器上测试过了,并且对那些老旧的浏览器也能很出色的降级处理。

如果需要,可以加入键盘方向键导航。试一试左右方向键吧!

并不是每个幻灯片都很规范,Unslider能够自动调整高度。  

支持响应式。

  • unslider.js——jquery轮播图插件 unslider.js是一款优秀的jquery轮播图插件,大小还不到3k。 压缩后代码: (function(e,t){if(!e)return t;var n=function(){this.el=t;this.items=t;this.sizes=[];this.max=[0,0];this.current=0;this.interval=t;

  • 公共css部分: html, body { font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;} ul, ol { padding: 0;} .banner { position: relative; overflow: auto; text-align: center;} .b

  • 最近用到了一个挺好用的幻灯片插件,叫做unslider.js,就想看看怎么实现幻灯片功能,就看看源码,顺便自己也学习学习。看完之后收获很多,这里和大家分享一下。 unslider.js 源码和使用教程可以在他 github 库 和 unslider官网 中找到 大纲 unslider.js使用 unslider.js库的代码结构 unslider.js库的实现 总结unslider.js源码中值得

  • unslider.js是一款轻量的轮播插件,下载地址unslider.js .banner{height: 490px; position: relative; overflow: auto; } .banner ul li{width:100%; float: left; } .banner ul li img{width: 100%;} .banner ol{position: absolut

  • unslider.js  是一款小巧的响应式轮播图插件 官网 http://unslider.com/ unslider.js  /** * Unslider by @idiot and @damirfoy * Contributors: * - @ShamoX * http://unslider.com/ */ (function($, f) { var Unsli

  • unslider.js可以实现轮播,但是在移动端还需要另两个插件。 jquery.event.move和jQuery.event.swipe ; 下面就是简单的实例: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.

  • /** * Unslider by @idiot */ (function($, f) { // If there's no jQuery, Unslider can't work, so kill the operation. if(!$) return f; var Unslider = function() { // Set

  • <!-- The HTML --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>     <head>     <title>Unslider.com arrow example</title>     <meta http-equiv="Content-Type" content="text/html

  • 一、jquery使用技巧 1、jquery操作css 2、jquery hover()方法 3、轮播图插件unslider 4、jqeury click()方法 5、图片放大插件jQueryMagnifier 6、jquery设置内容和属性 7、jquery添加、删除元素 二、任务 1、首页(轮播图、鼠标悬停效果) (1)读一遍轮播图的demo代码(页面标签元素、标签样式效果、jquery代码)

  • 深入理解unslider.js源码 最近用到了一个挺好用的幻灯片插件,叫做unslider.js,就想看看怎么实现幻灯片功能,就看看源码,顺便自己也学习学习。看完之后收获很多,这里和大家分享一下。 unslider.js 源码和使用教程可以在他 github 库 和 unslider官网 中找到 大纲 unslider.js使用 unslider.js库的代码结构 unslider.js库的实现

  • unslider本身下载后只需要dist文件夹就好了, 其中只包含dist/js/unslider-min.js, jquery的js要自己提供; dist/css/unslider.css是主要的css文件, 定义了unslider, unslider-wrap等类, dist/css/unslider-dots.css是附加的导航点 的css文件, 其中包含了 unslider ul li.a

 相关资料
  • 求最好用的轮播js插件,主要是用于图片轮播,html块轮播

  • 本文向大家介绍Bootstrap 轮播(Carousel)插件,包括了Bootstrap 轮播(Carousel)插件的使用技巧和注意事项,需要的朋友参考一下 Bootstrap 轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式。除此之外,内容也是足够灵活的,可以是图像、内嵌框架、视频或者其他您想要放置的任何类型的内容。 如果您想要单独引用该插件的功能,那么您需要引用 caro

  • 图片轮播继承自slide插件,因此其DOM结构、事件均和slide插件相同; DOM结构默认不支持循环播放,DOM结构如下: <div class="mui-slider"> <div class="mui-slider-group"> <div class="mui-slider-item"><a href="#"><img src="1.jpg" /></a></div>

  • 使用指南 组件介绍 本组件为轮播图组件,支持展示指示器,如果组件自带的指示器样式并不满足你的要求,那么组件也提供了相应的 slot 插槽以便你能自定义展示你想要的指示器。另外,值得注意的是,本组件使用时需要结合 fe-swiper-item 使用。 引入方式 import { Swiper,SwiperItem } from "feart"; components:{ 'fe-swip

  • 自动轮播 设置参数auto为true, 控件会在完成render后开始播放, 即开始轮播. 或者调用slider.play()/slider.stop()来开始/暂停播放 <div class="container"> <div id="slider-container-default"> <!-- 请注意,下边这个 stage 中不要出现空白字符,否则对效果有影响 -->

  • Swiper 轮播图 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序 √ √ √ √ √ √ √ 基本使用 通过list参数传入轮播图列表值,该值为一个数组,元素为对象,见如下: list的"image"属性为轮播图的图片路径 list的"title"属性为需要显示的标题 说明: 某些情况下 您从服务端获取的数据,里面的数组对于图片的属性名不一定为imag

  • 本文向大家介绍jquery制作多功能轮播图插件,包括了jquery制作多功能轮播图插件的使用技巧和注意事项,需要的朋友参考一下 这是一款多功能幻灯片插件,支持多种配置,css样式是扒的网上的,里面的代码原创,轻喷~ 以上所述就是本文的全部内容了,希望大家能够喜欢。

  • 本文向大家介绍jQuery插件实现图片轮播特效,包括了jQuery插件实现图片轮播特效的使用技巧和注意事项,需要的朋友参考一下 好了废话不多说了,先看看效果图。   HTML部分:  CSS部分:  JS部分:  以上就是差不多所有的代码了,一些比较关键的地方已经用注释好了,这里就不再叙述。 源码下载:https://github.com/wwervin72/jQuery/tree/master/