瓦窑源码 快速建站好帮手

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仿百度知道自动收缩下拉导航菜单代码

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

瓦窑源码网专注织梦网站源码与静态模板分享,提供织梦模板,dedecms模板,织梦企业源码,dedecms商业源码和织梦免费模板下载

整站源码 - 静态模板 - 网页特效 - CMS教程 - 站长指南 - 热门排行 - XML - HTML - TAG - 免责声明

Copyright© 2021 瓦窑源码 WHY114.COM 版权所有 鲁ICP备20017802号-2

客服QQ:1847629575 微信号:qilujianzhan

展开