vue根据文字长短展示跑马灯效果

介绍

为大家介绍一个我编写的vue组件 auto-marquee ,他可以根据要展示文本是否超出展示区域,来判断是否使用跑马灯效果,效果图如下所示

假设要展示区域的宽度为500px,当要展示文本的长度小于500px时,只会展示文本;只有要展示文本的宽度超过500px时,才会进行跑马灯展示。

项目地址

示例

点击查看 线上演示.

支持

vue2 vue3

相关推荐
前端开发爱好者3 分钟前
一键 i18n 国际化神库!适配 Vue、React!
前端·javascript·vue.js
前端开发爱好者4 分钟前
Vite 移动端调试利器!开发效率飙升 300%!
前端·javascript·vue.js
weixin_4569042725 分钟前
Vscode中开发VUE项目的调试方案
ide·vue.js·vscode
BillKu27 分钟前
容器元素的滚动条回到顶部
前端·javascript·vue.js
weixin_4233919330 分钟前
React 19 全面解析:颠覆性的新特性与实战指南
前端·javascript·react.js
weixin_4233919330 分钟前
React Hooks 钩子
前端·javascript·react.js
CUGGZ30 分钟前
第三代 React,怎么玩?
前端·javascript·react.js
星哥说事33 分钟前
狂揽82.7k的star,这款开源可视化神器,轻松创建流程图和图表
前端
硅基宙宇AIGC34 分钟前
阿里Qoder重磅登场:AI编程平台新王者,程序员的饭碗要换了吗?
前端
影i34 分钟前
跨域登录 / Token 共享 踩坑记录
前端