CSS导航菜单：仿淘宝首页导航条布局效果

mrstanglu

一直以来，人们都认为淘宝的导航条不错，更有很多网站效仿；今天就当作个练习，作一下这个导航条；
　　以下效果应用的图片共2张，如果只用1张效果不太好，特别是圆角部分。我大致看了一下淘宝现在的导航条，分别用了十几张图片，并不是用以下这个方法作的，如果你有兴趣现在可以上淘宝网看一下，鼠标移上去的图片不能立刻显示，这样的效果不是很理想。
　　这次我试着把显示的效果图和鼠标移上去的图合成一个了，这样鼠标移上去就不用再加载一次这个图了，可以解决以前鼠标移上去还得等一会的问题。（测试后的效果似乎还真的可以）
　　测试代码，CSS和内容都没有优化；

　　CSS代码如下：
<div class="UBBPanel"><div class="UBBTitle">Example Source Code [www.52css.com]