前端实现文字循环滚动

在vue项目中实现文字内容信息的横向或者竖向自动循环轮播

在vue项目中实现文字内容信息的横向或者竖向自动循环轮播,
在vue项目中引用组件的时候支持
当鼠标移入的时候停止轮播,
传入speed参数控制轮播的速度,
传入contentList参数为轮播展示的内容,
传入isVertical参数改变自动循环的方向(横向或者竖向),
点击每一项内容时(绑定click事件)返回当前项的数据,组件完整的代码如下:





横向和竖向滚动实现效果如下:
在这里插入图片描述
前端实现文字循环滚动_第1张图片

你可能感兴趣的:(前端,javascript,vue.js,css3,css,html)