鼠标滑过显示横向下拉菜单
最近做一个项目要做到滑动下拉菜单，自己琢磨了好久，终于做成了一个自我感觉还不错的横向下拉菜单，只用onmouseover和onmouseout控制，兼容ie6/ie7/firefox/opera。不好意思，onmouseover和onmouseout也算脚本，有人质疑说不是无js，其实我的本意并不是强调有无js的，相反我认为用js可以使我的代码更简洁，不过我不会写，只是一点思路。（网上的都是你抄我，我抄他，拿点有技术含量的出来，大家就一起批判，不懂的到处跪求，懂的冷眼旁观，妈的国内就是这个样子！）
有兴趣的朋友可以研究研究。只考虑了1024分辨率，主要是自己的一点思路。
上一版因为隐藏层采用绝对定位而不兼容其他的分辨率，在其他分辨率会发生严重错位。
始终让我感觉不爽，再次思索，想出了完美解决方法，主要是研究了2个东西，position:relative，和z-index。
将隐藏层放入head层，使其构成父子结构关系，对head层使用position:relative，那么子级的隐藏层使用position:absolute时其起点基准不再是浏览器的左上角而是head层，这样就解决了因为分辨率不同而导致的层错位，因为head不会因为分辨率而改变位置，始终是居中的。如果不给head加上z-index:999，你会发现下拉菜单不会浮现在最上面而被下面的ad层盖住了，加上z-index:999后，问题完美解决。
- 相关文章
