js控制 @keyframes,实现鼠标移入移出无卡顿效果

JavaScript017

js控制 @keyframes,实现鼠标移入移出无卡顿效果,第1张

var style = document.styleSheets[0]

console.log(style)

document.styleSheets这个接口可以获取网页上引入style样式表。

拿到样式表后就可以操作样式啦~

insertRule方法用来给当前样式表插入新的样式规则。

insertRule(rule,index)

rule:要添加到样式表的规则。

index:要把规则插入或附加到 cssRules 数组中的位置。

js既然可以添加 @keyframes 样式了,那动态传值就方便啦!

附实战笔记一篇

eg: jquery实现方法

你要加的样式为.active ul--li实现tab

$(".li").on("mouseover",function(){

$("li").removeClass("active")

$(this).addClass("active")

})

ok!!