前言 前期项目开发中有这样一个需求,目录标题太长,超出了预设的标题宽度width;但是又想让用户能够预览标题的所有信息,最终决定采用轮播的效果实现标题由右至左定时滚动。 :writing_hand:一、话不多说,先预览效果图 :writing_hand:二、实现过程 鼠标经过标题进入 @mouseenter事件,通过dom节点获取,获取标题的信息的宽度与标题预设的固定宽度; 若标题宽度超出预设宽度,则让它实现由右至左的滚动效果,则调用setInterval()方法可按照指定的周期(以毫秒计)来调用函数; 鼠标离开标题进入 @mouseleave事件 ,则标题恢复至初始状态,超出的标题信息则