> 웹 프론트엔드 > HTML 튜토리얼 > tab 页的切换_html/css_WEB-ITnose

tab 页的切换_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
풀어 주다: 2016-06-24 12:20:56
원래의
1163명이 탐색했습니다.

tab web切图  tab页    切图


如上图 正常是上面显示的那样。鼠标移动上去的时候当前项的背景是要切换的。对于 背景的切图始终想不到好的办法解决。求大神协助!!!!!!!!!!!!!

回复讨论(解决方案)

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



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

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

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

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

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

大侠 求详解 小弟 愚钝

要沉了么 

selectTag为tab样式
function tabsCheck(can, selfObj) {
            // 操作标签
            var tag = document.getElementById("tags").getElementsByTagName("li");
            var taglength = tag.length;
            for (i = 0; i                  tag[i].className = "";
            }
            selfObj.parentNode.className = "selectTag";            
        }

没那么麻烦的,其实很简单,用几个ps切两张图,分别是你那两张tab,然后,将图片设置为背景,然后,当鼠标移上去的时候,在js里面更换背景就可以

我自己解决了 但是还是很感谢大家啊。

관련 라벨:
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿