JavaScript Combat Menu Special effects _javascript Tips

This article will continue to add my own native JS write a variety of menu effects, although a lot of online search, but I still like to write a write!
  This is previous: JavaScript combat (navigation menu with unwinding and animation effect)
The following are optimized complete code, optimize CSS styles, simplify event functions, reduce HTML levels, delete at least 20 lines of redundant code  

<! DOCTYPE html>  

Effect Chart:

Here is the second effect: (the implementation is much simpler than the first, mainly note the CSS layout)

<! DOCTYPE html>  

Effect Chart:

The above is the entire content of this article, I hope to help you learn, but also hope that we support the cloud habitat community.