Question

求帮忙写一下这个TAB切换标签HTML代码

求大神帮忙写一下，可以用css和jq都行，不需要很复杂，下面的内容是要添加DIV的，上面的要斜框，移动到斜框切换就好，百度就只有这点分，完成后可以加微信发个红包。要求不高，就只是一个简单的TAB切换，重要是不要很复杂，不需要切换效果，我自己html和css的能力一般，大概的代码能看懂，如果能解释一下就最好，自己一直写不出TAB切换。
其实就是一个TAB切换，上面的斜框里面是可以填写文字，下面的内容就是添加div。

Answer 1

两种解决方案：

方案1：多个标签，下面的DIV只需要一个，每切换到一个标签通过ajax获取相应数据，然后填充到div中，这个因为涉及到ajax你可能不会，所以跳过，用下一个

文案2：标签与下面的DIV一一对应，DIV默认先全部隐藏，切换到哪个标签就显示对应的DIV。

先来样式表

<style type="text/css">
    a{border:1px solid #f00;margin:10px;padding:10px;}
    div.show{display:none;border:1px solid #00f;padding:20px;margin:20px}
</style>

再来html

<p>
<a>标签1</a><a>标签2</a><a>标签3</a>
</p>
<div class="show" id="show0">内容1</div>
<div class="show" id="show1">内容2</div>
<div class="show" id="show2">内容3</div>

JS脚本

$("p a").mouseover(function () {
        $(".show").hide();
        $("#show" + $(this).index()).fadeIn(500)
    })

追问

这个很清晰，那我想要标签的那个位置像图片一样是斜着的，要怎么做，插入图片还是？

追答

那就在样式表里把标签定义成背景图片的呀，如果要圆角的可以在CSS定义，斜边框只能用背景图片了。

/*width和height根据边框图片而定*/
    a{width:85px;height:20px;background:url(这里写上斜边框的小图片地址);margin:10px;display:inline-block}

追问

私信加微信？ 我试了一下你上面的代码，内容的位置不显示，对了，如果把A切换成h1可以把。

追答

标签随便你用，只要样式表写好就行了。我只是给你提供思路和步骤，具体页面的美化和标签名称改变等等，这些是要由你自己决定的哦

呃，只回答问题。你的问题我已经把思路都给你讲清楚了呀，具体用什么样的背景图片，页面怎么美化总不成还让人帮忙吧，要在学习中成长哦，不能所有事都让人帮忙，这样不利于自己开动脑筋的

Answer 2

用个jq控件应该可以实现。

不过不太明白你的图，个人资料联系，需求细节详细点

追问

QQ：1250796566，就是上面的是TAB的文字标签，移动到就切换，下面是内容，内容里面可以添加div。