当前位置: > js特效 > 焦点图 >

                        宽度自适应宽屏大图滑动幻灯片轻量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. }); 

                         

                        js特效 教程 资源 资讯
                        网络彩票