最新补充：牛吹大了，发现了问题，你用下面的方法可以实现，但好像还是有问题，共同探讨。。。问题是无法给三个tab设置统一样式，受到很多限制。我的认识是：官方绝对不是这么做的，或者不完全是这么做的，
官方第一个Tab也应用了自定义模块的样式，就是那个两列并排<li>用了浮动，而大家通常第一个Tab都使用了默认风格，默认风格里是没有float:left; width:50%的。 我是菜鸟，如说错了，请指正，如果你知道官方怎么做的，也请告诉我。
~~~~~~~~~~~~~~~~~~~~~~~~~~
看了别人发的帖子，看的我一头雾水，几位前辈的表述能力实在不敢恭维，简直是误导我这样的新手，不过感谢他们给我提供了思路。自己研究了一下
www.pageadmin.net 首页上的选项卡效果，听我细说：
我用的PageAdmin版本号：v2.1 20090814（2009年9月20日）
下载地址：
http://bbs.pageadmin.net/showtopic.aspx?topicid=16选项卡制作步骤
第一步：建立选项卡的样式
【网站栏目管理】—>【模块样式设置】—>【增加新样式】（模块样式名称：“选项卡样式” 序号：1）—>【样式设置】—>【外层容器样式】（填写：display:none; 其他不用填写）
第二步：建立选项卡结构框架
【栏目管理】—>【首页】—>【模块设置】—>【增加模块】（模块名称：选项卡结构；模块类型：自定义内容；模块序号：5）—>【在新建好的“选项卡结构”的右边，点箭头，进入“模块样式编辑”】—>【默认模块标志：隐藏；more连接地址：不用填写；模块风格：默认风格】—>【自定义头信息】复制以下代码：（注意:在源代码模式下复制）
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
<div class="template_title">
<span class="template_sign" id="H_1" onmouseov
防止过滤请删掉我er="show_Hide(
'Module_19')">新闻</span>
<span class="template_sign_1" id="H_2" onmouseo
防止过滤请删掉我ver="show_Hide(
'Module_20')">产品</span>
<span class="template_sign_1" id="H_3" onmouseo
防止过滤请删掉我ver="show_Hide(
'Module_28')">文章</span>
<span class="template_more"><a id="More_id" href="/article/lanmu_cn_24_80.html">more </a></span>
</div>
<script language=javascript>
function show_Hide(id)
{
Module1=document.getElementById("
Module_19");
Module2=document.getElementById("
Module_20");
Module3=document.getElementById("
Module_28");
H1=document.getElementById("H_1");
H2=document.getElementById("H_2");
H3=document.getElementById("H_3");
MoreID=document.getElementById("More_id");
Module1.style.display="none";
Module2.style.display="none";
Module3.style.display="none";
H1.className="template_sign_1";
H2.className="template_sign_1";
H3.className="template_sign_1";
switch(id)
{
case "
Module_19":
Module1.style.display="";
MoreID.href="/article/lanmu_cn_24_80.html";
MoreID.target="_self";
H1.className="template_sign";
break;
case "
Module_20":
Module2.style.display="";
MoreID.href="
http://bbs.pageadmin.net/showforum-5.aspx";
MoreID.target="_blank";
H2.className="template_sign";
break;
case "
Module_28":
Module3.style.display="";
MoreID.href="/introduct/lanmu_cn_24_57.html";
MoreID.target="_self";
H3.className="template_sign";
break;
}
}
</script>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
提交！
注意：如果您的版本和我一样，且都是初始化的，默认有“文章模块1”、“文章模块2”、“图片模块”、“自定义模块”四个，这里我们只给前三个模块做选项卡效果。上面红色的“模块ID”无需更改，直接复制即可。您也可以对照一下，这几个数字的来源是：把鼠标放到模块名称上即可看到。第三步：给相应模块应用选项卡样式（模块设置------模块样式编辑下）
文章模块1——模块标志：隐藏，其他保持默认。
文章模块1——模块标志：隐藏，模块风格：选项卡样式，其他保持默认。
图片模块 ——模块标志：隐藏，模块风格：选项卡样式，其他保持默认。
如果你想让选项卡的内容在标题下面，在模块设置下，改下序号就可以了，把选项卡改为1
到此结束，回首页刷新看下，成功了吧？
剩下的就是css问题了，这个就不说了。。。。
补充：原来如彼，论坛过滤鼠标事件的字符。。。。
