Skip to content

smalldaidai/marquee

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

marquee

使用CSS3.0的animation属性实现的文字左右滑动,类似于原标签的功能

其实现原理是,使用js,向styleSheets中插入一个新的styleSheet,并在这个里面定义keyframe,然后为对象添加animation属性,根据具体的长度设定动画时间,原生js实现,无依赖,当然不支持CSS3.0的浏览器无法正常使用

注:只有在内容长度超出容器长度的时候,才会有效果,否则无效果。

用法:

js部分 new marquee("divId");

divId为需要滚动效果的div

html部分需要引入marquee.js和marquee.css