自带完整数据 快速建站好帮手
客服QQ客服QQ 客服微信客服微信 公众号公众号

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>

垂直导航菜单


TAG标签:垂直导航菜单

上一个:jQuery下拉框树形分类菜单选择代码 选中自动赋值
下一个:JQ仿百度知道自动收缩下拉导航菜单代码

免责声明:本站模板均来自用户分享和网络收集,仅供学习研究,请勿用于商业用途,若损害您的权益,请联系网站客服,核实后立即删除。

咨询客服

QQ:1847629575

全年 09:00-23:00

(其他时间请留言)

在线客服

Copyright©2021 www.why114.com 瓦窑源码 版权所有 鲁ICP备20017802号

展开