qq_35879341
qq_35879341
2016-09-30 02:58
采纳率: 33.3%
浏览 1.1k

图片轮播触发CSS3动画 求解答

就是 有三个图片轮播,每轮播一次触发当前div里面的css3动画 求解答

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • qq_29594393
    当作看不见 2016-09-30 03:27

    用js轮播的时候,轮播一次给当前图片加一个动画(只执行一次,执行时间和轮播时间相同,或者一开始直接全部加上动画,时间和轮播时间相同,反正切换图片,都看不到),第二次轮播,移除

    点赞 评论
  • YangMing_number
    YangMing_number 2016-09-30 05:35

    https://yunpan.cn/ckNgdmswumgVi 访问密码 d03f 源码

    点赞 评论
  • u013076997
    efficiency_shang 2016-09-30 06:09

    用jQuery的插件就可以完成,bxslider:
    首先在页面引入:jquery.bxslider.min.js和jQuery.js
    然后javascript:
    $(function(){
    $('.slider1').bxSlider({ //slider1是需要展示的横向流布局的DIV
    /*slideWidth: 200,*/ //每个横向流布局图片的团度
    minSlides: 1, //每隔横向流布局最少要有几个图片
    maxSlides: 1, //每个横向流布局最多展示几个图片
    slideMargin: 3, //每个很想流布局之间的宽度
    auto: true
    });
    });
    最后在html页面,其中图片的src写你自己的图片路径即可

    点赞 评论

相关推荐