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

栏目分类：焦点图   发布日期：2014-09-11   来源：互联网   浏览次数：次

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 { position: relative; overflow: auto; } 
2. .banner li { list-style: none; } 
3. .banner ul li { float: left; } 

调用脚本

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