宽度自适应宽屏大图滑动幻灯片轻量jQuery插件
栏目分类：焦点图 发布日期：2015-09-02 浏览次数：次
介绍
这是一款极其灵活轻微宽度自适应宽屏大图滑动幻灯片jQuery插件,它不仅支持屏幕宽度适应，还支持键盘箭头切换，最大特点就是灵活轻便它是小于3KB。
特点
跨浏览器,Unslider在所有最新的浏览器进行了测试。
键盘支持
如果你愿意，你可以添加键盘上的箭头的支持。试试吧：打左，右箭头键。
调整的高度
不是所有的幻灯片都是一样的，而且Unslider知道这一点。可以设置最小高度。
如何使用Unslider
调用js文件
这是一款极其灵活轻微宽度自适应宽屏大图滑动幻灯片jQuery插件,它不仅支持屏幕宽度适应，还支持键盘箭头切换，最大特点就是灵活轻便它是小于3KB。
特点
跨浏览器,Unslider在所有最新的浏览器进行了测试。
键盘支持
如果你愿意，你可以添加键盘上的箭头的支持。试试吧：打左，右箭头键。
调整的高度
不是所有的幻灯片都是一样的，而且Unslider知道这一点。可以设置最小高度。
如何使用Unslider
调用js文件
- <script src="http://code.jquery.com/jquery-latest.min.js"></script>
- <script src=></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; }
调用脚本
- $(function() {
- $('.banner').unslider();
- });
下一篇：上下滚动切换的js焦点图
jQuery自动适应屏幕宽度滑动轮播图Divas Slider
自动播放jQuery宽屏质感超强游戏焦点图
全屏100%宽度自适应焦点图jquery插件
