异度人生 - 2013/3/11 14:33:47
按教程做了选项卡，里面的内容如何调用啊，比如我把把选项1调用新闻（标题带日期），选项卡2调用产品，选项卡3调用技术文档类，在<dd></dd>中间插入什么代码？获取标题里面代码加入后不显示，
怎么样能弄成这样效果
代码如下：
<style type="text/css">
.tabheadstyle{clear:both;height:20px;overflow:hidden;}
.tabheadstyle dd{float:left;width:100px;height:20px;border:1px solid #cccccc;text-align:center;margin-right:5px}
.tabheadstyle dd.current{background-color:#eeeeee;} /* 当前选项卡标题样式，默认名：current */
.tabcontentstyle dd{border:1px solid #cccccc;padding:10px;display:none;}
</style>
<dl id="tabhead" class="tabheadstyle">
<dd>新闻资讯</dd>
<dd>技术文档</dd>
<dd>解决方案</dd>
</dl>
<dl id="tabcontent" class="tabcontentstyle">
<dd>{pa:model}1,43,546,,,_self,5,50,150,150{/pa:model}</dd>
<dd>{pa:model}1,43,609,,,_self,10,50,150,150{/pa:model}</dd>
<dd>{pa:model}1,43,559,,,_self,5,50,150,150{/pa:model}</dd>
</dl>
<script type="text/javascript">
tabs("tabhead","tabcontent","onmouseover");
//tabs方法的简化调用（3个必填参数），前两个参数分别为标题和内容区的id，第三个参数可选onmouseover或onclick
//完整参数调用写法（6个参数）： tabs("tabhead","tabcontent","dd","dd","current","onmouseover")
</script>
怎么样能弄成这样效果
代码如下：
<style type="text/css">
.tabheadstyle{clear:both;height:20px;overflow:hidden;}
.tabheadstyle dd{float:left;width:100px;height:20px;border:1px solid #cccccc;text-align:center;margin-right:5px}
.tabheadstyle dd.current{background-color:#eeeeee;} /* 当前选项卡标题样式，默认名：current */
.tabcontentstyle dd{border:1px solid #cccccc;padding:10px;display:none;}
</style>
<dl id="tabhead" class="tabheadstyle">
<dd>新闻资讯</dd>
<dd>技术文档</dd>
<dd>解决方案</dd>
</dl>
<dl id="tabcontent" class="tabcontentstyle">
<dd>{pa:model}1,43,546,,,_self,5,50,150,150{/pa:model}</dd>
<dd>{pa:model}1,43,609,,,_self,10,50,150,150{/pa:model}</dd>
<dd>{pa:model}1,43,559,,,_self,5,50,150,150{/pa:model}</dd>
</dl>
<script type="text/javascript">
tabs("tabhead","tabcontent","onmouseover");
//tabs方法的简化调用（3个必填参数），前两个参数分别为标题和内容区的id，第三个参数可选onmouseover或onclick
//完整参数调用写法（6个参数）： tabs("tabhead","tabcontent","dd","dd","current","onmouseover")
</script>