头像

EasyFader移动端响应式幻灯片插件

来源:http://www.sucaihuo.com/js/1235.html 素材火管理员 2017-01-10 22:34浏览(353) 收藏

EasyFader展示了三种不同的用法,包括如何回调、参数配置,时间设置以及默认效果。

程序员,你不是一个人;网站开发QQ群:35291327 在线充值,或联系QQ416148489直接充值

EasyFader移动端响应式幻灯片插件
分类:图片代码 > 图片轮播 难易:初级
查看演示 下载资源: 14 下载资源 下载积分: 30 积分

EasyFader使用方法

<div id="sucaihuo" class="fader">
    <img class="slide" src="images/img1.jpg">
    <img class="slide" src="images/img2.jpg">
    <img class="slide" src="images/img3.jpg">
    <div class="fader_controls">
        <div class="page prev" data-target="prev">‹</div>
        <div class="page next" data-target="next">›</div>
        <ul class="pager_list"></ul>
    </div>
</div>
$('#sucaihuo').easyFader();
EasyFader相关API配置
slideDur 切换间隔,以毫秒为单位
fadeDur 	整数 	inline 	动画持续时间
onFadeStart 		null 	切换前的回调函数
onFadeEnd 		null 	切换前后回调函数

EasyFader幻灯片插件功能包含:箭头控制、项目导航、切换间隔、切换动画持续时间、回调函数等。

评论8
头像

友情提示:垃圾评论一律封号...

  • 头像 7楼
    01-14 08:46
    无崖子1990
    还行,用起来蛮好的
  • 头像 6楼
    01-13 19:12
    gaojian7541
    效果棒棒滴,值得收藏
  • 头像 5楼
    01-12 10:01
    mumuxi
    还不错的,值得收藏。。。
  • 头像 4楼
    01-12 08:39
    我要建网站
    效果棒棒滴··0
  • 头像 3楼
    01-11 13:30
    richer
    效果棒棒滴··
  • 头像 板凳
    01-11 13:10
    toease
    三种效果,太好了!
  • 头像 椅子
    01-11 10:16
    lorne
    放在手机端非常实用的!!!
  • 头像 沙发
    01-11 04:16
    long164897
    这个可以的。。
1 2