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

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

3个回答

用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写你自己的图片路径即可

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问