关闭

Jquery 图片轮播的插件

标签: jquery图片轮播图片html插件
265人阅读 评论(0) 收藏 举报
分类:

前提要引入: jquery这是必然不上少的。

<script src="style/js/jquery.min.js"></script>

其次就是引入插件

<script type="text/javascript" src="style/js/responsiveslides.min.js"></script>

下载链接:http://pan.baidu.com/s/1kTgxAWR 密码:tvpf

如何使用呢:

html

<ul class="rslides">
            <li><img src="images/a1.jpg" alt=""></li>
            <li><img src="images/a2.jpg" alt=""></li>
            <li><img src="images/a3.jpg" alt=""></li>
        </ul>
$(".rslides").responsiveSlides({
            auto : true, // Boolean: 设置是否自动播放, true or false
            speed : 500, // Integer: 动画持续时间,单位毫秒
            timeout : 4000, // Integer: 图片之间切换的时间,单位毫秒
            pager : false, // Boolean: 是否显示页码, true or false
            nav : false, // Boolean: 是否显示左右导航箭头(即上翻下翻), true or false
            random : false, // Boolean: 随机幻灯片顺序, true or false
            pause : false, // Boolean: 鼠标悬停到幻灯上则暂停, true or false
            pauseControls : true, // Boolean: 悬停在控制板上则暂停, true or false
            prevText : "上一页", // String: 往前翻按钮的显示文本
            nextText : "下一页", // String: 往后翻按钮的显示文本
            maxwidth : "", // Integer: 幻灯的最大宽度
            navContainer : "", // Selector: Where controls should be appended to, default is after the 'ul'
            manualControls : "", // Selector: 声明自定义分页导航
            namespace : "rslides", // String: 修改默认的容器名称
            before : function() {
            }, // Function: 回调之前的参数
            after : function() {
            } // Function: 回调之后的参数
        });

介绍完毕。

1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:206868次
    • 积分:3512
    • 等级:
    • 排名:第10037名
    • 原创:148篇
    • 转载:8篇
    • 译文:0篇
    • 评论:48条
    博客专栏