鼠标移上文字滚动效果JavaScript与CSS3实现
鼠标移上文字滚动,移开则停止的效果,挺有趣的吧?如果你想让你的页面有点小动感,又不想像老式的marquee
那样显得过时,可以试试这种方法。它的效果是,当鼠标移上去时,文字就开始滚动,移开就会停止,挺符合现代网页设计的动感需求。代码也比较简单,适合大多数前端开发者。你可以用setInterval
配合mouseover
和mouseout
事件来实现,效果既不花哨,又充满动感。CSS3的过渡效果也能你更好地平滑控制文字的滚动。嗯,给它一个小小的时间延迟,不会让体验太突兀。其实这个特效在多地方都可以用,比如做网站的通知条或者动态广告。再说了,能避免老掉牙的marquee
,是吧?
1.83KB
文件大小:
评论区