当前位置:首页 > 特效 > 焦点图 > 正文

宽度自适应宽屏大图滑动幻灯片轻量jQuery插件
栏目分类:焦点图   发布日期:2014-09-11   来源:互联网   浏览次数:

宽度自适应宽屏大图滑动幻灯片轻量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 © 2014 聚合分享 版权所有   京ICP备14037269号-1  关于聚合分享 | 广告合作 | 版权声明 | 意见反馈 | 联系方式 | 原创投稿 | 网站地图 | 友情链接
焦点图相册效果页面布局图片代码导航菜单TAB选项卡弹出提示客服代码播放器返回顶部表单按钮滚动代码其他代码