CSS3打造tooltips样式的导航菜单特效

今天给大家带来的内容是一款tooltips效果的导航菜单特效。它最大特点是tooltips导航菜单将出现在剩余空间大的地方，如果上方的空间大，那么菜单就会出现在上方，如果下方的空间大，那么菜单就会出现在下方。这是一个非常实用而且经常常见的效果。

封面

效果展示：

由于源码太多，影响展示效果，所以只能以下面这样的形式展示出来了，希望大家理解。

需要完整源码和想获取更多内容的朋友敬请关注我们，该有的都会有的，很快！

HTML结构部分：

CSS样式部分：

Javascript部分：

最后给大家一点建议：学习的进程中难免遇到看不懂大概弄不明确的地方，这个时候就要去找相应的最基础的文档来看，只要你用心都能找到答案，而且还可以把原理搞明白，这样再遇到同样问题的时间就不会懵逼了，这便是突破了一个瓶颈。

学习就是一个不断突破自己的过程，希望大家在学习的道路上越战越勇！