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

92建站   2020-08-12   收藏本文
垂直导航菜单

特效编号:C162

编码格式:UTF8

布局形式:响应式

下载说明:百度盘不限速方法

这jQuery+CSS3动态垂直文字导航菜单代码,鼠标滑过菜单文字时,文字呈现镜像的动画效果,非常适合博客类网站或频道使用。

使用方法:

<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>

效果截图:

垂直导航菜单

TAG标签: 垂直导航菜单
免责声明:本站模板均来自用户分享和网络收集,仅供学习与参考,请勿用于商业用途,若损害您的权益,请联系网站客服,核实后立即删除。
展开