效果体验:
竖直的主菜单贴着页面左侧,当光标移入菜单项时,以3D动画的方式弹出对应的二级菜单。
采用jQuery和CSS3实现。支持Chrome,火狐,Edge等浏览器。
效果图:
代码如下:
jQuery鼠标悬停3d菜单展开动画 - 何问起鼠标移入侧边栏,二级菜单3D展开鼠标hover背景变色鼠标移入二维码背景变色何问起说明首页JavaScriptASP.NET何问起键盘HoverClock关于何问起hewenqihewenqihewenqihewenqihewenqihewenqihewenqihewenqihewenqihewenqiHoverTreeTopHoverTreeTopHoverTreeTopHoverTreeTopHoverTreeTopHoverTreeTopHoverTreeTopHoverTreeTop何问起题库何问起题库何问起题库何问起题库何问起题库何问起题库何问起题库何问起题库何问起题库网页特效网页特效网页特效网页特效网页特效网页特效网页特效网页特效网页特效 $(function(){ var thisTime; $((even){ thisTime ); }) $((){ clearTimeout(thisTime); )); ) { $(); $().hide(); $().eq(thisUB).show(); } else{ $(); } }) function thisMouseOut(){ $(); } $((){ clearTimeout(thisTime); $(); }) $((){ $(); }) })
对于代码中的jQuery事件,可以使用on方法改进。参考:
更多特效: