tab 页的切换

如上图 正常是上面显示的那样。鼠标移动上去的时候当前项的背景是要切换的。对于 背景的切图始终想不到好的办法解决。求大神协助！！！！！！！！！！！！！
------解决方案--------------------
.....这  这怎么回答啊
------解决方案--------------------


上下 2个图片是重叠的  被斜角 遮挡的下面 还是有图片的

黑的直接正方形 按照最大长度切
白的透明斜角
------解决方案--------------------

引用:

.....这  这怎么回答啊

------解决方案--------------------
selectTag为tab样式
function tabsCheck(can, selfObj) {
            // 操作标签
            var tag = document.getElementById("tags").getElementsByTagName("li");
            var taglength = tag.length;
            for (i = 0; i < taglength; i++) {
                tag[i].className = "";
            }
            selfObj.parentNode.className = "selectTag";            
        }
------解决方案--------------------
没那么麻烦的，其实很简单，用几个ps切两张图，分别是你那两张tab，然后，将图片设置为背景，然后，当鼠标移上去的时候，在js里面更换背景就可以