jQuery+CSS3动态垂直文字导航菜单代码

瓦窑源码   2020-08-12   收藏本单
这是一款jQuery+CSS3动态垂直文字导航菜单代码,鼠标滑过菜单文字时,文字呈现镜像的动画效果,非常适合博客类网站或频道使用。

这jQuery+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>

具体效果看下方【演示地址】吧^_^

jQuery+CSS3动态垂直文字导航菜单代码


演示地址 下载地址A 下载地址B
TAG标签:垂直导航菜单

相关特效

    暂无数据
展开