Maison > interface Web > tutoriel HTML > tab 页的切换_html/css_WEB-ITnose

tab 页的切换_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:20:56
original
1140 Les gens l'ont consulté

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里面更换背景就可以

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal