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

介绍

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

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

项目地址

示例

点击查看 线上演示.

支持

vue2 vue3

相关推荐
java小郭2 小时前
html的浮动作用详解
前端·html
水星记_2 小时前
echarts-wordcloud:打造个性化词云库
前端·vue
强迫老板HelloWord2 小时前
前端JS特效第22波:jQuery滑动手风琴内容切换特效
前端·javascript·jquery
luanluan88884 小时前
维护el-table列,循环生成el-table
javascript·vue.js·ecmascript·element plus
续亮~4 小时前
9、程序化创意
前端·javascript·人工智能
Wang's Blog4 小时前
Webpack: 三种Chunk产物的打包逻辑
前端·webpack·node.js
pan_junbiao4 小时前
HTML5使用<blockquote>标签:段落缩进
前端·html·html5
38kcok9w2vHanx_4 小时前
从0开始搭建vue项目
前端·javascript·vue.js
逆风就重开5 小时前
数据埋点从入门到了解
大数据·linux·前端·数据库·数据仓库
2301_807353405 小时前
v-if条件渲染及v-show的选择
前端·javascript·vue.js