设为首页 - 加入收藏
广告 1000x90
您的当前位置:主页 > 大运彩票app > 焦点图 > 正文

宽度自适应宽屏大图滑动幻灯片轻量jQuery插件

来源:未知 编辑:admin 时间: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. }); 

 

相关推荐:

网友评论:

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片

模板天下 www.mobantianxia.com 联系QQ:498872301 邮箱:[email protected]

Copyright © 2002-2011 DEDECMS. 织梦科技 版权所有 Power by DedeCms

Top