这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>
效果截图: