Unslider – 轻量的响应式 jQuery 内容滑块插件
来源:互联网 发布:中山大学网络新ip 编辑:程序博客网 时间:2024/05/18 03:29
引入 jQuery 和 Unslider:
<script src="//code.jquery.com/jquery-latest.min.js"></script><script src="//unslider.com/unslider.js"></script>
编写 HTML 无序列表:
<div class="banner"> <ul> <li>This is a slide.</li> <li>This is another slide.</li> <li>This is a final slide.</li> </ul></div>
使用 CSS 美化外观:
.banner { position: relative; overflow: auto; } .banner li { list-style: none; } .banner ul li { float: left; }
最后就是调用插件:
$('.banner').unslider({ speed: 500, // 滚动速度 delay: 3000, // 动画延迟 complete: function() {}, // 动画完成的回调函数 keys: true, // 启动键盘导航 dots: true, // 显示点导航 fluid: false // 支持响应式设计});
0 0
- Unslider – 轻量的响应式 jQuery 内容滑块插件
- Prezento – 轻量、简单的 jQuery 幻灯片插件
- jquery轮播图插件unslider
- jQuery Unveil 轻量的延迟加载插件
- 超简洁的响应式幻灯 - unslider
- jQuery插件-轻量弹出层-UIDialog
- 强大的响应jQuery滑块插件LayerSlider
- Furatto – 轻量,友好的响应式前端开发框架
- 轻量响应式 CSS 框架
- jQuery响应式移动优先的图片比较滑块插件
- 22款基于jQuery的响应式图片滑块插件
- 一个简约,轻量,可定制的jQuery返回顶部插件
- jquery 图片轮播插件unslider
- 响应式网页上banner使用,unslider
- 轻量高效的开源JavaScript插件和库
- 5款移动开发轻量jQuery的替代品
- jquery插件滑块效果的实现
- jquery 插件--滑块的效果
- OpenGL纹理详解(下)
- 页面分类
- Lowest Common Multiple Plus
- Hadoop矩阵相乘
- 枚举、结构、类
- Unslider – 轻量的响应式 jQuery 内容滑块插件
- 先验与后验概率
- windows下的php、nginx、mysql配置记录和问题汇总
- OpenLayers中layer图层概念和实践
- c++第三次作业
- android面试经典(3)
- cocos2d-JS (四)如何学习
- C#预处理器指令学习
- Java配置环境变量