就是 有三个图片轮播,每轮播一次触发当前div里面的css3动画 求解答
用js轮播的时候,轮播一次给当前图片加一个动画(只执行一次,执行时间和轮播时间相同,或者一开始直接全部加上动画,时间和轮播时间相同,反正切换图片,都看不到),第二次轮播,移除
https://yunpan.cn/ckNgdmswumgVi 访问密码 d03f 源码
用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写你自己的图片路径即可