当前位置:主页 > 源码 > 焦点图 >

宽度自适应宽屏大图滑动幻灯片轻量jQuery插件
栏目分类:焦点图   发布日期:2015-09-02   浏览次数:

宽度自适应宽屏大图滑动幻灯片轻量jQuery插件
介绍
这是一款极其灵活轻微宽度自适应宽屏大图滑动幻灯片jQuery插件,它不仅支持屏幕宽度适应,还支持键盘箭头切换,最大特点就是灵活轻便它是小于3KB

特点

跨浏览器,
Unslider所有最新的浏览器进行了测试
键盘支持
如果你愿意,你可以添加键盘上的箭头的支持。试试吧左,右箭头键
调整的高度
不是所有的幻灯片都是一样的,而且Unslider知道这一点。可以设置最小高度。


如何使用Unslider
调用js文件
  1. <script src="http://code.jquery.com/jquery-latest.min.js"></script> 
  2. <script src=></script> 

html代码

  1. <div class="banner"> 
  2.     <ul> 
  3.         <li>This is a slide.li> 
  4.         <li>This is another slide.li> 
  5.         <li>This is a final slide.li> 
  6.     ul> 
  7. div> 

css样式

  1. .banner { positionrelativeoverflowauto; } 
  2. .banner li { list-stylenone; } 
  3. .banner ul li { floatleft; } 

调用脚本

  1. $(function() { 
  2.     $('.banner').unslider(); 
  3. }); 

 

Copyright 小黄人 版权所有   粤ICP备62569859号-1   关于我们 | 广告合作 | 版权声明 | 意见反馈 | 联系方式 | 原创投稿 | 网站地图 |
源码 教程 资源 资讯