【前端】图片自动轮播,可控制轮播方向(与uikit结合使用)

介绍:

产品图自动轮播

鼠标悬于左右箭头上方的时候自动切换轮播方向

鼠标悬于产品图上方的时候停止轮播,让用户可以查看产品信息,鼠标移开,继续轮播

注意点:

ul中切勿使用uikit中的uk-grid,否则反向轮播的过程中到第一个产品就会一直闪烁,不继续展示前面的产品

代码:




 

你可能感兴趣的:(前端,轮播,自动,方向)