这是一款超简约设计的滑动门菜单，鼠标放到主菜单上，里面的内容会跟着变化，实际上本演示是一个范例，从代码中的注释你就能感觉到，每一步都有注释，对学习JavaScript和CSS都有帮助，也为你以后写出比这更漂亮、更实用的滑动门做铺垫。
运行效果截图如下：
在线演示地址如下：
http://demo.jb51.net/js/2015/js-css-jdhd-menu-style-codes/
具体代码如下：
滑动门测试
希望本文所述对大家的JavaScript程序设计有所帮助。