jQuery+CSS3镜像文字动画垂直导航菜单特效

jQuery+CSS3镜像文字动画垂直导航菜单特效

jQuery+CSS3镜像文字动画垂直导航菜单特效，鼠标滑过菜单文字时，文字呈现镜像的动画效果。

1. js代码
   
2. 
   
3. <script>
   
4. //For Demo only
   
5. var links = document.getElementsByClassName('link')
   
6. for(var i = 0; i <= links.length; i++)
   
7.    addClass(i)
   
8. 
   
9. 
   
10. function addClass(id){
    
11.    setTimeout(function(){
    
12.       if(id > 0) links[id-1].classList.remove('hover')
    
13.       links[id].classList.add('hover')
    
14.    }, id*750)
    
15. }
    
16. </script>

复制代码

jQuery CSS3镜像文字动画垂直导航菜单特效.zip (2.29 KB, 下载次数: 505)

2021-2-22 16:13 上传

点击文件名下载附件
jQuery+CSS3镜像文字动画垂直导航菜单特效