鼠标移上文字滚动效果JavaScript与CSS3实现

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

html 文件大小:1.83KB