懒人之家--可能是JS网页特效代码收集最全的懒站!

CSS3线性动态效果文字导航菜单动画特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-06-07
一款黑色个性的线性动态效果导航菜单代码,CSS3镜像文字导航菜单动画特效。


js代码

<script>
//For Demo only
var links = document.getElementsByClassName('link')
for(var i = 0; i <= links.length; i++)
   addClass(i)


function addClass(id){
   setTimeout(function(){
      if(id > 0) links[id-1].classList.remove('hover')
      links[id].classList.add('hover')
   }, id*750) 
}
</script>