我根据其网站上的脚本 BxSlider 滑块制作了。结构滑块是这样的:
<ul class="slider-cont">
<li>
<img src="images/slide-1.jpg" alt="">
<div class="caption">caption1.</div>
</li>
<li>
<img src="images/slide-2.jpg" alt="">
<div class="caption">caption2</div>
</li>
<li>
<img src="images/slide-3.jpg" alt="">
<div class="caption">caption3</div>
</li>
</ul>
标题在图像上方,是滑块左侧的路径。我的问题是,是否可以使用 CSS3 或 JS 来做同样的动画,让文字比图片更快,“滚”“骑”?我尝试在 bxslider 中使用该工具。OnSlideBefore
或者OnSlideAfter
但我设法得到了这个效果。