仿支付宝官网轮播图

最新推荐文章于 2021-04-13 23:11:35 发布

shitouPlus

最新推荐文章于 2021-04-13 23:11:35 发布

阅读量785

点赞数

分类专栏： JS 文章标签：图片轮播 flexslider

本文链接：https://blog.csdn.net/shitouPlus/article/details/46470611

版权

本文介绍如何利用jquery插件flexslider来创建类似支付宝官网的轮播图效果，该插件功能强大，适合用于实现各种复杂的轮播需求。通过访问http://www.woothemes.com/flexslider/可以了解更多功能并进行自定义设置。

摘要由CSDN通过智能技术生成

轮播图效果基于jquery插件flexslider插件实现，强烈推荐这款插件，功能很强大

感兴趣的话可以去http://www.woothemes.com/flexslider/发现更多功能

自定义参数

<span style="font-family:Microsoft YaHei;">$(window).load(function() {
    $('.flexslider').flexslider({

        namespace: 'flex-',    //控件的命名空间，会影响样式前缀 
        animation: "slide", //String: Select your animation type, "fade" or "slide"图片变换方式：淡入淡出或者滑动
        slideDirection: "horizontal", //String: Select the sliding direction, "horizontal" or "vertical"图片设置为滑动式时的滑动方向：左